1afc8a799Smiramurali23// LDAP SCSS 2afc8a799Smiramurali23 3afc8a799Smiramurali23.ldap__optional-field { 4afc8a799Smiramurali23 margin-bottom: 1.7em; 5afc8a799Smiramurali23} 6afc8a799Smiramurali23 7afc8a799Smiramurali23.ldap__configure-settings { 8afc8a799Smiramurali23 background-color: $base-02--06; 9afc8a799Smiramurali23 padding-top: 1.5em; 10afc8a799Smiramurali23 padding-bottom: 1.5em; 11afc8a799Smiramurali23 margin-top: 1em; 12afc8a799Smiramurali23 margin-bottom: 3em; 13afc8a799Smiramurali23} 14afc8a799Smiramurali23 15afc8a799Smiramurali23.ldap__server-info { 16afc8a799Smiramurali23 @media (min-width: 1024px) { 17afc8a799Smiramurali23 border-left: 1px solid $border-color-01; 18afc8a799Smiramurali23 } 19afc8a799Smiramurali23 20afc8a799Smiramurali23 .control-radio { 21afc8a799Smiramurali23 margin-bottom: 6px; 22afc8a799Smiramurali23 display: block; 23afc8a799Smiramurali23 } 24afc8a799Smiramurali23 25afc8a799Smiramurali23 .service-type-column { 26afc8a799Smiramurali23 margin-bottom: 1.2em; 27afc8a799Smiramurali23 } 28afc8a799Smiramurali23} 29afc8a799Smiramurali23 30afc8a799Smiramurali23.ldap__ssl-column { 31afc8a799Smiramurali23 padding-left: 1.5em; 32*7bdb91d4SDerick Montague 33afc8a799Smiramurali23 .control__label { 34afc8a799Smiramurali23 text-transform: none; 35afc8a799Smiramurali23 font-weight: 400; 36afc8a799Smiramurali23 font-size: 16px; 37afc8a799Smiramurali23 color: $primary-dark; 38afc8a799Smiramurali23 } 39*7bdb91d4SDerick Montague 40afc8a799Smiramurali23 .control__indicator { 41afc8a799Smiramurali23 top: 5px; 42afc8a799Smiramurali23 } 43*7bdb91d4SDerick Montague 44*7bdb91d4SDerick Montague // using !important due to being a state and need to have higer specificity 45*7bdb91d4SDerick Montague &.disabled *, 46*7bdb91d4SDerick Montague .disabled { 47*7bdb91d4SDerick Montague color: $base-02--02 !important; 48*7bdb91d4SDerick Montague } 49afc8a799Smiramurali23} 50afc8a799Smiramurali23 51afc8a799Smiramurali23.ldap__configuration-buttons { 52afc8a799Smiramurali23 margin-top: 1rem; 53afc8a799Smiramurali23 54afc8a799Smiramurali23 @media (min-width: 1024px) { 55afc8a799Smiramurali23 margin-top: 0; 56afc8a799Smiramurali23 } 57afc8a799Smiramurali23 58afc8a799Smiramurali23 .btn { 59afc8a799Smiramurali23 float: right; 60afc8a799Smiramurali23 margin-left: 0.5em; 61afc8a799Smiramurali23 margin-top: 0.5em; 62afc8a799Smiramurali23 } 63afc8a799Smiramurali23 64afc8a799Smiramurali23 .btn-secondary { 65afc8a799Smiramurali23 background-color: $primary-light; 66afc8a799Smiramurali23 } 67afc8a799Smiramurali23 68afc8a799Smiramurali23 .btn-secondary:disabled { 69afc8a799Smiramurali23 color: $base-02--03; 70afc8a799Smiramurali23 border-color: $border-color-02; 71afc8a799Smiramurali23 } 72afc8a799Smiramurali23} 73afc8a799Smiramurali23 74afc8a799Smiramurali23.ldap__server-info-service-type { 75afc8a799Smiramurali23 .content-label { 76afc8a799Smiramurali23 margin-bottom: 1rem; 77afc8a799Smiramurali23 } 78afc8a799Smiramurali23} 79afc8a799Smiramurali23 80afc8a799Smiramurali23.ldap__certificate-info { 81*7bdb91d4SDerick Montague margin-top: 0.5em; 82*7bdb91d4SDerick Montague 83*7bdb91d4SDerick Montague dt { 84afc8a799Smiramurali23 text-transform: uppercase; 85*7bdb91d4SDerick Montague color: $base-02--02; 86afc8a799Smiramurali23 font-weight: 700; 87*7bdb91d4SDerick Montague font-size: 12px; 88*7bdb91d4SDerick Montague } 89*7bdb91d4SDerick Montague 90*7bdb91d4SDerick Montague dd { 91*7bdb91d4SDerick Montague font-size: 14px; 92*7bdb91d4SDerick Montague margin-top: 0.25em; 93*7bdb91d4SDerick Montague } 94*7bdb91d4SDerick Montague 95*7bdb91d4SDerick Montague .disabled { 96*7bdb91d4SDerick Montague color: $base-02--02; 97afc8a799Smiramurali23 } 98afc8a799Smiramurali23} 99afc8a799Smiramurali23 100afc8a799Smiramurali23.control__radio__label { 101afc8a799Smiramurali23 padding: 0.2em 1em 0 2em; 102afc8a799Smiramurali23 text-transform: none; 103afc8a799Smiramurali23 font-weight: 400; 104afc8a799Smiramurali23 font-size: 16px; 105afc8a799Smiramurali23 color: $primary-dark; 106afc8a799Smiramurali23} 107afc8a799Smiramurali23 108afc8a799Smiramurali23.ldap__control-check { 109afc8a799Smiramurali23 text-transform: none; 110afc8a799Smiramurali23 font-weight: 400; 111afc8a799Smiramurali23 font-size: 16px; 112afc8a799Smiramurali23 color: $primary-dark; 113afc8a799Smiramurali23 114afc8a799Smiramurali23 .control__indicator { 115afc8a799Smiramurali23 top: 11px; 116afc8a799Smiramurali23 } 117afc8a799Smiramurali23 118afc8a799Smiramurali23 .control__label { 119afc8a799Smiramurali23 margin-left: 30px; 120afc8a799Smiramurali23 } 121afc8a799Smiramurali23} 122afc8a799Smiramurali23 123afc8a799Smiramurali23.control-radio .control__indicator-service-type { 124afc8a799Smiramurali23 width: 20px; 125afc8a799Smiramurali23 height: 20px; 126afc8a799Smiramurali23} 127afc8a799Smiramurali23 128afc8a799Smiramurali23.control-radio .control__indicator-service-type:after { 129afc8a799Smiramurali23 top: 3px; 130afc8a799Smiramurali23 left: 3px; 131afc8a799Smiramurali23 width: 10px; 132afc8a799Smiramurali23 height: 10px; 133afc8a799Smiramurali23} 134afc8a799Smiramurali23 135afc8a799Smiramurali23.control-radio input:disabled ~ .control__indicator-service-type:after { 136afc8a799Smiramurali23 top: 0; 137afc8a799Smiramurali23 left: 0; 138afc8a799Smiramurali23 width: 20px; 139afc8a799Smiramurali23 height: 20px; 140afc8a799Smiramurali23} 141afc8a799Smiramurali23 142afc8a799Smiramurali23.password-toggle { 143afc8a799Smiramurali23 color: $base-01--03; 144afc8a799Smiramurali23 font-size: 0.8em; 145afc8a799Smiramurali23 float: right; 146afc8a799Smiramurali23 position: relative; 147afc8a799Smiramurali23 z-index: 2; 148afc8a799Smiramurali23 padding: 6px 0 0 0; 149afc8a799Smiramurali23} 150afc8a799Smiramurali23 151afc8a799Smiramurali23.password-toggle.disabled { 152afc8a799Smiramurali23 background: transparent; 15328e9ed8bSDixsie Wolmers color: $base-02--02; 154afc8a799Smiramurali23 border: none; 155afc8a799Smiramurali23} 156afc8a799Smiramurali23 157afc8a799Smiramurali23.ldap-groups { 158afc8a799Smiramurali23 .ldap__table { 159afc8a799Smiramurali23 border-left: 1px solid $border-color-01; 160afc8a799Smiramurali23 border-right: 1px solid $border-color-01; 161afc8a799Smiramurali23 162afc8a799Smiramurali23 .empty__logs { 163afc8a799Smiramurali23 margin-top: 0; 164afc8a799Smiramurali23 } 165afc8a799Smiramurali23 166afc8a799Smiramurali23 .table__row-header { 167afc8a799Smiramurali23 width: 100%; 168afc8a799Smiramurali23 border-bottom: 1px solid $border-color-01; 169afc8a799Smiramurali23 background-color: $primary-dark; 170afc8a799Smiramurali23 color: $primary-light; 171afc8a799Smiramurali23 font-weight: 700; 172afc8a799Smiramurali23 padding: 0; 17328e9ed8bSDixsie Wolmers 17428e9ed8bSDixsie Wolmers .control-check { 17528e9ed8bSDixsie Wolmers color: $primary-light; 17628e9ed8bSDixsie Wolmers } 177afc8a799Smiramurali23 } 178afc8a799Smiramurali23 179afc8a799Smiramurali23 .table__row-header.disabled { 180afc8a799Smiramurali23 opacity: 0.8; 181afc8a799Smiramurali23 } 182afc8a799Smiramurali23 183afc8a799Smiramurali23 .table__row-value { 184afc8a799Smiramurali23 width: 100%; 185afc8a799Smiramurali23 border-bottom: 1px solid $border-color-01; 186afc8a799Smiramurali23 } 187afc8a799Smiramurali23 188afc8a799Smiramurali23 .table__cell-ldap { 189afc8a799Smiramurali23 width: 30%; 190afc8a799Smiramurali23 padding: 1.3em 1.5em 0.8em 1.5em; 191afc8a799Smiramurali23 } 192afc8a799Smiramurali23 193afc8a799Smiramurali23 .table__cell-select { 194afc8a799Smiramurali23 width: 8%; 195afc8a799Smiramurali23 padding: 1.3em 1.5em 0.8em 1.5em; 196afc8a799Smiramurali23 .select-header { 197afc8a799Smiramurali23 padding-top: 1em; 198afc8a799Smiramurali23 } 199afc8a799Smiramurali23 } 200afc8a799Smiramurali23 201afc8a799Smiramurali23 .table__cell-sort { 202afc8a799Smiramurali23 padding: 0.4em 1em 0 0; 203afc8a799Smiramurali23 margin: 0 -25px 0 -13px; 204afc8a799Smiramurali23 } 205afc8a799Smiramurali23 206afc8a799Smiramurali23 .table__cell-ldap-group { 207afc8a799Smiramurali23 width: 29%; 208afc8a799Smiramurali23 padding: 1.2em 0.5em 0.8em 0.75em; 209afc8a799Smiramurali23 } 210afc8a799Smiramurali23 211afc8a799Smiramurali23 .table__cell-ldap-role { 212afc8a799Smiramurali23 width: 30%; 213afc8a799Smiramurali23 padding: 1.2em 0.5em 0.8em 0.75em; 214afc8a799Smiramurali23 } 215afc8a799Smiramurali23 216afc8a799Smiramurali23 .table__cell-buttons { 217afc8a799Smiramurali23 width: 32%; 218afc8a799Smiramurali23 text-align: right; 219afc8a799Smiramurali23 padding: 0.8em; 220afc8a799Smiramurali23 .btn { 221afc8a799Smiramurali23 padding-left: 0; 222afc8a799Smiramurali23 padding-right: 0; 223afc8a799Smiramurali23 } 224afc8a799Smiramurali23 } 225afc8a799Smiramurali23 } 226afc8a799Smiramurali23 227afc8a799Smiramurali23 .btn-add-group, 228afc8a799Smiramurali23 .btn-remove-group { 229afc8a799Smiramurali23 color: $base-01--03; 230afc8a799Smiramurali23 padding: 0.75em 0; 231afc8a799Smiramurali23 } 232afc8a799Smiramurali23 233afc8a799Smiramurali23 .modal__content-ldap { 234afc8a799Smiramurali23 margin-bottom: 2em; 235afc8a799Smiramurali23 margin-top: 2em; 236afc8a799Smiramurali23 input[type="text"] { 237afc8a799Smiramurali23 max-height: 2.4em; 238afc8a799Smiramurali23 } 239afc8a799Smiramurali23 select { 240afc8a799Smiramurali23 margin: 0 0 0; 241afc8a799Smiramurali23 } 242afc8a799Smiramurali23 } 243afc8a799Smiramurali23 244afc8a799Smiramurali23 .edit-group-name { 245afc8a799Smiramurali23 padding-bottom: 1em; 246afc8a799Smiramurali23 } 247afc8a799Smiramurali23 248afc8a799Smiramurali23 .form-actions { 249afc8a799Smiramurali23 width: 100%; 250afc8a799Smiramurali23 padding-top: 2em; 251afc8a799Smiramurali23 margin-top: 1.5em; 252afc8a799Smiramurali23 border-top: 1px solid $border-color-01; 253afc8a799Smiramurali23 button { 254afc8a799Smiramurali23 display: block; 255afc8a799Smiramurali23 float: right; 256afc8a799Smiramurali23 margin: 0 0 0 1em; 257afc8a799Smiramurali23 } 258afc8a799Smiramurali23 } 259afc8a799Smiramurali23 260afc8a799Smiramurali23 .sort-ascending, 261afc8a799Smiramurali23 .sort-descending { 262afc8a799Smiramurali23 display: block; 263afc8a799Smiramurali23 padding: 0; 264afc8a799Smiramurali23 color: $primary-light; 265afc8a799Smiramurali23 font-size: 1em; 266afc8a799Smiramurali23 transform: rotate(-90deg); 267afc8a799Smiramurali23 268afc8a799Smiramurali23 &:hover { 269afc8a799Smiramurali23 color: $primary-accent; 270afc8a799Smiramurali23 } 271afc8a799Smiramurali23 272afc8a799Smiramurali23 &:after { 273afc8a799Smiramurali23 content: "\276F"; 274afc8a799Smiramurali23 } 275afc8a799Smiramurali23 276afc8a799Smiramurali23 &:focus { 277afc8a799Smiramurali23 outline: 0; 278afc8a799Smiramurali23 color: $primary-accent; 279afc8a799Smiramurali23 } 280afc8a799Smiramurali23 } 281afc8a799Smiramurali23 282afc8a799Smiramurali23 .sort-descending { 283afc8a799Smiramurali23 &:after { 284afc8a799Smiramurali23 content: "\276e"; 285afc8a799Smiramurali23 } 286afc8a799Smiramurali23 } 287afc8a799Smiramurali23} 288