Github user iraghumitra commented on a diff in the pull request: https://github.com/apache/metron/pull/803#discussion_r146216800 --- Diff: metron-interface/metron-alerts/src/styles.scss --- @@ -259,4 +259,61 @@ hr { padding: 0; } - +/** Custom Radio box **/ +$background_color_1: #eee; +$background_color_2: #ccc; +$background_color_3: #2196F3; +.radio-container { + display: block; + position: relative; + padding-left: 35px; + margin-bottom: 12px; + cursor: pointer; + font-size: 22px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + input { + position: absolute; + opacity: 0; + &:checked { + &~.checkmark { + background-color: $eastern-blue-2; + &:after { + display: block; + } + } + } + } + &:hover { + input { + &~.checkmark { + background-color: $eastern-blue-2; + } + } + } + .checkmark { + position: absolute; + top: 0; + left: 0; + height: 12px; + width: 12px; + background-color: $mine-shaft-2; + border: 1px solid $tundora; + border-radius: 50%; + + &:after { + top: 2px; + left: 2px; + width: 6px; + height: 6px; + border-radius: 50%; + background: $white; + content: ""; + position: absolute; + display: none; + } + } +} +/**********************/ --- End diff -- fixed
---