xref: /openbmc/phosphor-webui/app/configuration/styles/snmp.scss (revision 1ffa209e99da608e225df0a3a3caf47036b3a793)
1 #configuration-snmp {
2   .row {
3     padding-left: 0;
4   }
5   .snmp_description {
6     padding:1em 0 1em 0;
7   }
8   .help__text {
9     font-size: 0.8rem;
10     color: $disabled-row-txt;
11     padding-top: .3em;
12     display: none;
13   }
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;
69     padding-right: .5em;
70     &.trash{
71       text-align: left;
72     }
73     button{
74       margin:.3em;
75       img{
76         width: 100%;
77         height:100%;
78       }
79     }
80   }
81   .trash_button {
82     padding: 0;
83     width: 1.3em;
84     height: 1.3em;
85   }
86   .edit_button {
87     padding: 0;
88     width: 1.3em;
89     height: 1.2em;
90   }
91   .btn-add {
92     &:focus {
93       outline-offset: 3px;
94     }
95     margin: 2em 0;
96     color: $primebtn__bg;
97     padding: 1em 0;
98   }
99   .snmp__submit-wrapper {
100     width: 100%;
101     border-top: 1px solid $medgrey;
102     button {
103       float: right;
104       margin: .5em;
105     }
106   }
107 }
108