Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / b1e7c86360f3f9bb05264a3cdbc5a587aa8f1175 / . / app / users / styles / user-accounts.scss
blob: 858d1aa968f2dcc0ce935455c47c7a98d8cc7ffb [file] [log] [blame]
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]1$userInputHeight: 40px;
2
AppaRao Pulia83cd052019-01-07 23:25:43 +0530[diff] [blame]3.user-list__tbl {
4 .btn-edit,
5 .btn-delete {
6 padding: .5em 1em;
7 min-height: 2em;
8 color: $primebtn__text;
9 background: $primebtn__bg;
10 &:hover {
11 background: rgba($primebtn__bg, .8);
12 @include fastTransition-all;
13 }
14 &:disabled {
15 background: $btn__disabled-bg;
16 color: $btn__disabled-txt;
17 @include fastTransition-all;
18 cursor: default;
19 }
20 }
21}
AppaRao Pulib1e7c862019-03-12 14:56:40 +0530[diff] [blame^]22.acnt-prop-header {
23 width: 100%;
24 border-bottom: 2px solid #b8c1c1;
25 margin: 0px 0px 15px;
26}
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]27.user-manage__form {
Gunnar Mills84e114a2018-11-14 13:44:41 -0600[diff] [blame]28 width: 100%;
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame]29 .dropdown__button {
30 margin-bottom: 1.2em;
31 }
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]32 label {
Gunnar Mills84e114a2018-11-14 13:44:41 -0600[diff] [blame]33 width: 100%;
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]34 min-width: 210px;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]35 font-weight: 700;
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]36 margin-right: 4em;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]37 }
38 input {
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]39 width: 225px;
40 height: $userInputHeight;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]41 }
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame]42 select {
43 width: 225px;
44 height: $userInputHeight;
45 }
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]46 fieldset {
47 display: block;
48 padding-left: 1.5em;
49 margin-bottom: 1em;
50 border-bottom: 1px solid $medgrey;
51 }
AppaRao Pulib1e7c862019-03-12 14:56:40 +0530[diff] [blame^]52 .acnt-prop__input-wrapper,
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]53 .user-manage__input-wrapper {
54 position: relative;
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]55 height: $userInputHeight;
AppaRao Pulib1e7c862019-03-12 14:56:40 +0530[diff] [blame^]56 margin-bottom: 5px;
57 }
58 .acnt-prop__span-wrapper {
59 position: relative;
60 height: 20px;
61 margin-bottom: 5px;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]62 }
63 .password-toggle {
64 position: absolute;
65 right: 5px;
66 padding: 3px;
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame]67 margin-right: 20px;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]68 color: $primebtn__bg;
69 font-size: .8em;
70 @include vertCenter;
71 }
AppaRao Pulib1e7c862019-03-12 14:56:40 +0530[diff] [blame^]72 .acnt-prop__submit-wrapper,
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame]73 .user-manage__submit-wrapper {
74 width: 100%;
AppaRao Pulib1e7c862019-03-12 14:56:40 +0530[diff] [blame^]75 margin-top: 6px;
76 padding-top: 1px;
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame]77 border-top: 1px solid $medgrey;
78 button {
79 float: right;
80 margin: .5em;
81 }
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]82 }
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame]83 .user-manage__error
Gunnar Mills08744f82018-03-19 16:24:41 -0500[diff] [blame]84 {
85 background: lighten($error-color, 20%);
86 padding: 1em;
87 text-align: center;
88 font-size: 1em;
89 border: 1px solid $error-color;
90 color: $black;
91 font-family: "Courier New", Helvetica, Arial, sans-serif;
92 font-weight: 700;
Gunnar Mills08744f82018-03-19 16:24:41 -0500[diff] [blame]93 }
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame]94 .user-manage__success
Gunnar Mills08744f82018-03-19 16:24:41 -0500[diff] [blame]95 {
96 color: $primebtn__bg;
97 padding: 1em;
98 font-size: 1em;
99 font-family: "Courier New", Helvetica, Arial, sans-serif;
100 font-weight: 500;
101 }
102}