SWAMPy

✎ CARVE FLESH

EDITING: _account_settings.scss

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

.admins_list {
  list-style-type: none;
  padding-#{direction(left)}: 10px;
}

.admins_list li {
  max-width: 300px;
  padding: 2px 5px;
  margin-bottom: 5px;
}

.admins_list li:hover {
  background-color: #eee;
  border-radius: 3px;
}

.admins_list .user_name {
  font-weight: bold;
  float: direction(left);
}

.admins_list .email {
  clear: direction(left);
  display: block;
  font-size: 0.8em;
  padding-#{direction(left)}: 10px;
}

.admins_list .membership_type {
  clear: direction(left);
  display: block;
  font-size: 0.8em;
  padding-#{direction(left)}: 10px;
}

.admins_list .remove_account_user_link {
  float: direction(right);
  opacity: 0.5;
}

.admins_list li:hover .remove_account_user_link {
  opacity: 1;
}

#account_notification_icon {
  option {
    padding: direction-sides(3px 0 3px 25px);
    background: url(/images/warning.png) no-repeat 5px center;
    &.calendar {
      background-image: url(/images/calendar_icon.png);
    }
    &.people {
      background-image: url(/images/group.png);
    }
    &.help {
      background-image: url(/images/help.png);
    }
    &.file {
      background-image: url(/images/file.png);
    }
  }
}

.custom_help_link {
  border-top: 1px solid #ccc;
  padding-top: $ic-sp;

.delete {
    float: direction(right);
  }
}

.announcement-details-post-info {
  display: flex;
}

.announcement-details-post-info__datetime {
  flex: 1;
  box-sizing: border-box;
  padding-#{direction(right)}: $ic-sp;
  font-weight: bold;
}

.announcement-details-roles {
  margin-top: $ic-sp;
}

.announcements_list_item {
  margin-bottom: $ic-sp*2;
  padding: $ic-sp*2;
  .edit_notification_form {
    margin-top: $ic-sp*2;
    padding-top: $ic-sp*2;
    border-top: 1px solid $ic-border-light;
  }

}

#self_registration_type_radios {
  margin-#{direction(left)}: 1.5em;
}

.sis-name {
  margin-#{direction(left)}: 50px;
}

.small-input{
  width: 45px;
}

.name-length-wrapper{
  display: inline;
}

.sis_name_length_nested_cleanup {
  margin-bottom: 0px;
  display: none;
}

#account_settings,
.account_settings {
  .unbreakable {
    white-space: nowrap;
  }
  .formtable {
    input, select, td {
      vertical-align: baseline;
    }
    p {
      line-height: 100%;
    }
    select {
      width: 280px;
    }
    input.same-width-as-select {
      width: 265px;
    }
  }
  fieldset {
    select, input[type="text"] {
      vertical-align: baseline;
    }
    input[type="checkbox"] {
      margin-#{direction(right)}: 0.2rem;
    }
    .remove_domain_link img {
      vertical-align: -3px;
    }
  }
  .account_settings__help-text {
    font-size: 90%;
    color: $ic-font-color--subdued;
  }
  .account_settings__k5-help-text {
    display: flex;
    font-size: 90%;
    & i {
      color: $ic-color-danger;
      margin-#{direction(left)}: -0.1rem;
      margin-#{direction(right)}: 0.3rem;
    }
    & .account_settings__k5-help-text-container {
      display: flex;
      flex-direction: column;
      margin-bottom: 0.5rem;
      & p {
        margin: 0;
      }
    }
  }
}

#account_settings_tabs {
  input[type="checkbox"] {
    vertical-align: -6px;
    height: 1rem;
    width: 1rem;

&:focus {
      outline-color: $electric;
      outline-width: 2px;
      outline-offset: 3px;
    }
  }

legend:not(.ic-Legend) {
    @include fontSize(15px);
    font-weight: bold;
  }
  .alert {
    padding-top: 0;
    margin-#{direction(left)}: -5px;
  }
}

#blocked-emojis {
  margin-bottom: 0;
}

#emoji-deny-list-input {
  display: none;
}

#emoji-tags {
  .emoji-tag {
    height: 20px;
    margin: 4px 0;
  }
}

#global_includes_warning_message_wrapper:not(.alert) #global_includes_warning_message,
#k5_account_warning_message:not(.shown) {
  display: none;
}

#survey_announcement_field {
  line-height: 30px;
  input#account_notification_months_in_display_cycle {
    width: 25px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.account_settings td.sub_checkbox {
  padding-#{direction(left)}: 20px;
  padding-top: 0px;
}

.hidden_form {
  display: none;
}

textarea#account_notification_message, .edit_notification_form textarea {
  width: 500px;
}

.HelpMenuOptions__ButtonIcon {
  vertical-align: middle;
}

#account_settings_gravatar_checkbox {
  margin-#{direction(left)}: 12px;
}

@include mobile-only {
  h4.ic-notification__title {
    padding-#{direction(right)}: 50px;
  }

.announcement-details-post-info {
    flex-direction: column;
  }

.announcement-details-post-info__datetime {
    padding-#{direction(right)}: 0px;
  }
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 _account_settings.scss	SCSS	5.1 KB	2023-09-24 03:39	EDIT