BigW Consortium Gitlab

profile.scss 3.97 KB
Newer Older
Phil Hughes committed
1 2 3
.profile-avatar-form-option {
  hr {
    margin: 10px 0;
4 5 6
  }
}

Phil Hughes committed
7 8 9 10 11 12 13 14 15 16 17 18 19
.avatar-image {
  @media (min-width: $screen-sm-min) {
    float: left;
    margin-bottom: 0;
  }
}

.avatar-file-name {
  position: relative;
  top: 2px;
  display: inline-block;
}

Phil Hughes committed
20
.account-btn-link,
21 22
.profile-settings-sidebar a,
.settings-sidebar a {
23
  color: $md-link-color;
Phil Hughes committed
24 25
}

26 27 28 29
.private-tokens-reset div.reset-action:not(:first-child) {
  padding-top: 15px;
}

30 31 32 33 34 35
.oauth-buttons {
  .btn-group {
    margin-right: 10px;
  }

  .btn {
36 37
    line-height: 40px;
    height: 42px;
38
    padding: 0 12px;
39 40 41 42 43 44 45

    img {
      width: 32px;
      height: 32px;
    }
  }
}
46 47 48 49 50 51 52 53 54 55 56 57 58 59

// Profile > Account > Two Factor Authentication
.two-factor-new {
  .manual-instructions {
    h3 {
      margin-top: 0;
    }

    // Slightly increase the size of the details so they're easier to read
    dl {
      font-size: 1.1em;
    }
  }
}
60

Phil Hughes committed
61
.account-well {
62
  padding: 10px;
63 64
  background-color: $gray-light;
  border: 1px solid $border-color;
65
  border-radius: $border-radius-base;
Phil Hughes committed
66 67 68 69 70 71 72

  ul {
    padding-left: 20px;
    margin-bottom: 0;
  }
}

73 74 75
.profile-link-holder {
  display: inline;

76 77 78 79 80 81 82 83
  a {
    color: $blue-dark;
    text-decoration: none;
  }
}

// Middle dot divider between each element in a list of items.
.middle-dot-divider {
84
  &::after {
85 86
    content: "\00B7"; // Middle Dot
    padding: 0 6px;
87 88 89 90
    font-weight: bold;
  }

  &:last-child {
91
    &::after {
92 93 94 95
      content: "";
      padding: 0;
    }
  }
96
}
97

98 99
.profile-user-bio {
  // Limits the width of the user bio for readability.
tauriedavis committed
100
  max-width: 600px;
tauriedavis committed
101
  margin: 10px auto;
tauriedavis committed
102
  padding: 0 16px;
103
}
104

Phil Hughes committed
105 106 107 108 109 110 111
.user-avatar-button {
  .file-name {
    display: inline-block;
    padding-left: 10px;
  }
}

112 113 114 115 116 117 118 119 120 121 122 123 124 125
.key-list-item {
  .key-list-item-info {
    @media (min-width: $screen-sm-min) {
      float: left;
    }
  }

  .description {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

Phil Hughes committed
126 127 128
.key-created-at {
  line-height: 42px;
}
129 130 131

.profile-settings-content {
  a {
132
    color: $md-link-color;
133 134
  }
}
Phil Hughes committed
135 136 137 138

.provider-btn-group {
  display: inline-block;
  margin-right: 10px;
139
  border: 1px solid $border-color;
Phil Hughes committed
140 141 142 143 144 145 146 147 148 149
  border-radius: 3px;

  &:last-child {
    margin-right: 0;
  }
}

.provider-btn-image {
  display: inline-block;
  padding: 5px 10px;
150
  border-right: 1px solid $border-color;
Phil Hughes committed
151 152 153 154 155 156 157 158 159 160 161 162 163 164

  > img {
    width: 20px;
  }
}

.provider-btn {
  display: inline-block;
  padding: 5px 10px;
  margin-left: -3px;
  line-height: 22px;
  background-color: $gray-light;

  &.not-active {
165
    color: $provider-btn-not-active-color;
Phil Hughes committed
166 167
  }
}
168 169 170 171 172

.oauth-applications {
  form {
    display: inline-block;
  }
173 174 175 176

  .last-heading {
    width: 105px;
  }
177
}
Alfredo Sumaran committed
178 179 180 181

.modal-profile-crop {
  .modal-dialog {
    width: 380px;
Alfredo Sumaran committed
182

183
    @media (max-width: $screen-xs-max) {
Alfredo Sumaran committed
184 185 186
      width: auto;
    }

Alfredo Sumaran committed
187 188 189
  }

  .profile-crop-image-container {
Alfredo Sumaran committed
190
    height: 300px;
Alfredo Sumaran committed
191 192 193 194
    margin: 0 auto;
  }

  .crop-controls {
195
    padding: 10px 0 0;
Alfredo Sumaran committed
196 197 198
    text-align: center;
  }
}
199

200
.personal-access-tokens-never-expires-label {
201
  color: $note-disabled-comment-color;
202 203
}

204 205
.datepicker.personal-access-tokens-expires-at .ui-state-disabled span {
  text-align: center;
206 207
}

208 209 210 211 212 213 214 215 216 217 218
.created-personal-access-token-container {
  #created-personal-access-token {
    width: 90%;
    display: inline;
  }

  .btn-clipboard {
    margin-left: 5px;
  }
}

219
.user-profile {
220

tauriedavis committed
221 222 223
  .cover-controls a {
    margin-left: 5px;
  }
224

tauriedavis committed
225 226
  .profile-header {
    margin: 0 auto;
227

tauriedavis committed
228 229
    .avatar-holder {
      width: 90px;
tauriedavis committed
230
      margin: 0 auto 10px;
tauriedavis committed
231 232
    }
  }
233

234
  @media (max-width: $screen-xs-max) {
235

236 237 238 239 240 241
    .cover-block {
      padding-top: 20px;
    }

    .cover-controls {
      position: static;
tauriedavis committed
242
      padding: 0 16px;
243
      margin-bottom: 20px;
tauriedavis committed
244 245
      display: -webkit-flex;
      display: flex;
246 247

      .btn {
tauriedavis committed
248 249
        -webkit-flex-grow: 1;
        flex-grow: 1;
250

tauriedavis committed
251 252 253
        &:first-child {
          margin-left: 0;
        }
254 255 256 257
      }
    }
  }
}
258 259

table.u2f-registrations {
260 261
  th:not(:last-child),
  td:not(:last-child) {
262 263
    border-right: solid 1px transparent;
  }
264
}
265 266 267 268 269 270 271 272 273 274

.oauth-application-show {
  .scope-name {
    font-weight: 600;
  }

  .scopes-list {
    padding-left: 18px;
  }
}