Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 28711a6ad2cff8277bfa537c3b140caf690ab575 / . / app / users / styles / user-accounts.scss
blob: fb6d162f457079a58de6c4da65b89e3b69e4bb04 [file] [log] [blame]
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]1$userInputHeight: 40px;
2
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]3.user-manage__form {
Gunnar Mills84e114a2018-11-14 13:44:41 -0600[diff] [blame]4 width: 100%;
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame^]5 .dropdown__button {
6 margin-bottom: 1.2em;
7 }
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]8 label {
Gunnar Mills84e114a2018-11-14 13:44:41 -0600[diff] [blame]9 width: 100%;
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]10 min-width: 210px;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]11 font-weight: 700;
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]12 margin-right: 4em;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]13 }
14 input {
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]15 width: 225px;
16 height: $userInputHeight;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]17 }
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame^]18 select {
19 width: 225px;
20 height: $userInputHeight;
21 }
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]22 fieldset {
23 display: block;
24 padding-left: 1.5em;
25 margin-bottom: 1em;
26 border-bottom: 1px solid $medgrey;
27 }
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]28 .user-manage__input-wrapper {
29 position: relative;
Michael Davis093c01c2017-07-20 14:30:11 -0500[diff] [blame]30 height: $userInputHeight;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]31 margin-bottom: 1em;
32 input {
33 padding-right: 60px;
34 }
35 }
36 .password-toggle {
37 position: absolute;
38 right: 5px;
39 padding: 3px;
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame^]40 margin-right: 20px;
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]41 color: $primebtn__bg;
42 font-size: .8em;
43 @include vertCenter;
44 }
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame^]45 .user-manage__submit-wrapper {
46 width: 100%;
47 margin-top: 3em;
48 padding-top: 1em;
49 border-top: 1px solid $medgrey;
50 button {
51 float: right;
52 margin: .5em;
53 }
Michael Davis3a94fc52017-05-08 11:20:12 -0500[diff] [blame]54 }
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame^]55 .user-manage__error
Gunnar Mills08744f82018-03-19 16:24:41 -0500[diff] [blame]56 {
57 background: lighten($error-color, 20%);
58 padding: 1em;
59 text-align: center;
60 font-size: 1em;
61 border: 1px solid $error-color;
62 color: $black;
63 font-family: "Courier New", Helvetica, Arial, sans-serif;
64 font-weight: 700;
Gunnar Mills08744f82018-03-19 16:24:41 -0500[diff] [blame]65 }
AppaRao Puli28711a62018-10-17 16:07:55 +0530[diff] [blame^]66 .user-manage__success
Gunnar Mills08744f82018-03-19 16:24:41 -0500[diff] [blame]67 {
68 color: $primebtn__bg;
69 padding: 1em;
70 font-size: 1em;
71 font-family: "Courier New", Helvetica, Arial, sans-serif;
72 font-weight: 500;
73 }
74}