xref: /openbmc/phosphor-webui/app/access-control/styles/user-accounts.scss (revision afc8a799627b71bba716e207cee8185852a6d390)
1*afc8a799Smiramurali23.local-users {
2*afc8a799Smiramurali23  margin-bottom: 50px;
3*afc8a799Smiramurali23}
4*afc8a799Smiramurali23
5*afc8a799Smiramurali23.local-users__actions {
6*afc8a799Smiramurali23  display: flex;
7*afc8a799Smiramurali23  flex-direction: row;
8*afc8a799Smiramurali23  justify-content: flex-end;
9*afc8a799Smiramurali23}
10*afc8a799Smiramurali23
11*afc8a799Smiramurali23.modal__local-users,
12*afc8a799Smiramurali23.modal__local-users-settings {
13*afc8a799Smiramurali23  .modal-body {
14*afc8a799Smiramurali23    padding-left: 0;
15*afc8a799Smiramurali23    padding-right: 0;
16*afc8a799Smiramurali23  }
17*afc8a799Smiramurali23}
18*afc8a799Smiramurali23
19*afc8a799Smiramurali23.modal__local-users {
20*afc8a799Smiramurali23  input[type="password"] {
21*afc8a799Smiramurali23    &::placeholder {
22*afc8a799Smiramurali23      color: $primary-dark;
23*afc8a799Smiramurali23      font-weight: bold;
24*afc8a799Smiramurali23    }
25*afc8a799Smiramurali23    &::-ms-placeholder {
26*afc8a799Smiramurali23      color: $primary-dark;
27*afc8a799Smiramurali23      font-weight: bold;
28*afc8a799Smiramurali23    }
29*afc8a799Smiramurali23  }
30*afc8a799Smiramurali23}
31*afc8a799Smiramurali23
32*afc8a799Smiramurali23.role-table {
33*afc8a799Smiramurali23  margin-top: 30px;
34*afc8a799Smiramurali23  .bmc-table__cell:not(:first-of-type) {
35*afc8a799Smiramurali23    text-align: center;
36*afc8a799Smiramurali23  }
37*afc8a799Smiramurali23  .bmc-table__column-header {
38*afc8a799Smiramurali23    text-align: center;
39*afc8a799Smiramurali23  }
40*afc8a799Smiramurali23
41*afc8a799Smiramurali23  // Bootstrap collapse directive override
42*afc8a799Smiramurali23  // The expanded element gets 'in' class instead of 'show' class
43*afc8a799Smiramurali23  // Bootstrap changes the display property for 'show' but not 'in'
44*afc8a799Smiramurali23  .collapse.in {
45*afc8a799Smiramurali23      display: block!important;
46*afc8a799Smiramurali23  }
47*afc8a799Smiramurali23}
48*afc8a799Smiramurali23
49*afc8a799Smiramurali23.icon__check-mark {
50*afc8a799Smiramurali23  display: inline-block;
51*afc8a799Smiramurali23  svg {
52*afc8a799Smiramurali23    width: 16px;
53*afc8a799Smiramurali23    fill: $primary-dark;
54*afc8a799Smiramurali23  }
55*afc8a799Smiramurali23}