beccabroek | ddda4de | 2019-01-28 15:17:44 -0600 | [diff] [blame] | 1 | #configuration-snmp { |
| 2 | .row { |
| 3 | padding-left: 0; |
Gunnar Mills | ff64c54 | 2018-08-24 15:49:09 -0500 | [diff] [blame] | 4 | } |
beccabroek | ddda4de | 2019-01-28 15:17:44 -0600 | [diff] [blame] | 5 | .snmp_description { |
| 6 | padding:1em 0 1em 0; |
Gunnar Mills | 854fbba | 2018-09-13 15:41:30 -0500 | [diff] [blame] | 7 | } |
beccabroek | ddda4de | 2019-01-28 15:17:44 -0600 | [diff] [blame] | 8 | .help__text { |
| 9 | font-size: 0.8rem; |
| 10 | color: $disabled-row-txt; |
| 11 | padding-top: .3em; |
| 12 | display: none; |
Gunnar Mills | 854fbba | 2018-09-13 15:41:30 -0500 | [diff] [blame] | 13 | } |
beccabroek | ddda4de | 2019-01-28 15:17:44 -0600 | [diff] [blame] | 14 | .form-error{ |
| 15 | display: none; |
| 16 | } |
| 17 | .manager_group { |
| 18 | border-bottom: 1px solid $lightbg__grey; |
| 19 | &.ng-invalid { |
| 20 | input { |
| 21 | color: black; |
| 22 | border-style: solid; |
| 23 | pointer-events: auto; |
| 24 | } |
| 25 | .help__text { |
| 26 | display: block; |
| 27 | } |
| 28 | .form-error { |
| 29 | display: block; |
| 30 | } |
| 31 | } |
| 32 | &.empty { |
| 33 | color: $disabled-row-txt; |
| 34 | padding: 1em 0 1em 0; |
| 35 | } |
| 36 | } |
| 37 | .snmp__port { |
| 38 | padding: .3em 0 .3em 1em; |
| 39 | &.label { |
| 40 | padding: .3em 0 .3em 0em; |
| 41 | } |
| 42 | } |
| 43 | .snmp__address { |
| 44 | padding: .3em 1em .3em 0; |
| 45 | } |
| 46 | .snmp__fields { |
| 47 | input { |
| 48 | border-style: none; |
| 49 | pointer-events: none; |
| 50 | color: $disabled-row-txt; |
| 51 | height: 2.4em; |
| 52 | } |
| 53 | &:focus-within { |
| 54 | input { |
| 55 | color: $black; |
| 56 | border-style: solid; |
| 57 | pointer-events: auto; |
| 58 | } |
| 59 | .form-error { |
| 60 | display: block; |
| 61 | } |
| 62 | .help__text { |
| 63 | display: block; |
| 64 | } |
| 65 | } |
| 66 | } |
| 67 | .snmp__buttons { |
| 68 | text-align: right; |
Yoshie Muranaka | c86ce3c | 2019-06-05 12:30:30 -0500 | [diff] [blame] | 69 | .btn{ |
| 70 | padding: 0; |
| 71 | width: auto; |
| 72 | svg { |
| 73 | fill: $color--blue-40; |
| 74 | width: auto; |
| 75 | height: 1.3em; |
beccabroek | ddda4de | 2019-01-28 15:17:44 -0600 | [diff] [blame] | 76 | } |
| 77 | } |
| 78 | } |
Yoshie Muranaka | c86ce3c | 2019-06-05 12:30:30 -0500 | [diff] [blame] | 79 | |
Gunnar Mills | 854fbba | 2018-09-13 15:41:30 -0500 | [diff] [blame] | 80 | .snmp__submit-wrapper { |
| 81 | width: 100%; |
Gunnar Mills | 854fbba | 2018-09-13 15:41:30 -0500 | [diff] [blame] | 82 | border-top: 1px solid $medgrey; |
| 83 | button { |
| 84 | float: right; |
| 85 | margin: .5em; |
| 86 | } |
Gunnar Mills | ff64c54 | 2018-08-24 15:49:09 -0500 | [diff] [blame] | 87 | } |
Gunnar Mills | ff64c54 | 2018-08-24 15:49:09 -0500 | [diff] [blame] | 88 | } |