BigW Consortium Gitlab

profile.scss 3.02 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 30 31
.oauth-buttons {
  .btn-group {
    margin-right: 10px;
  }

  .btn {
32 33
    line-height: 40px;
    height: 42px;
34
    padding: 0 12px;
35 36 37 38 39 40 41

    img {
      width: 32px;
      height: 32px;
    }
  }
}
42 43 44 45 46 47 48 49 50 51 52 53 54 55

// 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;
    }
  }
}
56

Phil Hughes committed
57
.account-well {
58
  padding: 10px;
59 60 61
  background-color: $help-well-bg;
  border: 1px solid $help-well-border;
  border-radius: $border-radius-base;
Phil Hughes committed
62 63 64 65 66 67 68

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

69 70 71
.profile-link-holder {
  display: inline;

72 73 74 75 76 77 78 79
  a {
    color: $blue-dark;
    text-decoration: none;
  }
}

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

  &:last-child {
    &:after {
      content: "";
      padding: 0;
    }
  }
92
}
93

94 95 96 97
.profile-user-bio {
  // Limits the width of the user bio for readability.
  max-width: 750px;
  margin: auto;
98
}
99

Phil Hughes committed
100 101 102 103 104 105 106
.user-avatar-button {
  .file-name {
    display: inline-block;
    padding-left: 10px;
  }
}

107 108 109 110 111 112 113 114 115 116 117 118 119 120
.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
121 122 123
.key-created-at {
  line-height: 42px;
}
124 125 126

.profile-settings-content {
  a {
127
    color: $md-link-color;
128 129
  }
}
Phil Hughes committed
130 131 132 133

.provider-btn-group {
  display: inline-block;
  margin-right: 10px;
134
  border: 1px solid $provider-btn-group-border;
Phil Hughes committed
135 136 137 138 139 140 141 142 143 144
  border-radius: 3px;

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

.provider-btn-image {
  display: inline-block;
  padding: 5px 10px;
145
  border-right: 1px solid $provider-btn-group-border;
Phil Hughes committed
146 147 148 149 150 151 152 153 154 155 156 157 158 159

  > img {
    width: 20px;
  }
}

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

  &.not-active {
160
    color: $provider-btn-not-active-color;
Phil Hughes committed
161 162
  }
}
163 164 165 166 167

.oauth-applications {
  form {
    display: inline-block;
  }
168 169 170 171

  .last-heading {
    width: 105px;
  }
172
}
Alfredo Sumaran committed
173 174 175 176

.modal-profile-crop {
  .modal-dialog {
    width: 380px;
Alfredo Sumaran committed
177 178 179 180 181

    @media (max-width: $screen-sm-min) {
      width: auto;
    }

Alfredo Sumaran committed
182 183 184
  }

  .profile-crop-image-container {
Alfredo Sumaran committed
185
    height: 300px;
Alfredo Sumaran committed
186 187 188 189
    margin: 0 auto;
  }

  .crop-controls {
190
    padding: 10px 0 0;
Alfredo Sumaran committed
191 192 193
    text-align: center;
  }
}
194 195 196 197 198 199 200 201 202 203 204 205 206

.user-profile {
  @media (max-width: $screen-xs-max) {
    .cover-block {
      padding-top: 20px;
    }

    .cover-controls {
      position: static;
      margin-bottom: 20px;

      .btn {
        display: inline-block;
207
        width: 46%;
208 209 210 211
      }
    }
  }
}