discourse/app/assets/stylesheets/common/admin/badges.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

209 lines
3.8 KiB
SCSS
Raw Normal View History

2018-07-02 23:14:53 -04:00
// Styles for admin/badges
2019-01-23 05:29:51 -05:00
.admin-badges {
// flex page layout
.badges {
display: flex;
flex-wrap: wrap;
.badges-header {
display: flex;
align-items: center;
flex: 1 0 100%;
.create-new-badge {
margin-left: auto;
}
}
.content-list {
flex: 0 0 27%;
}
.current-badges {
display: flex;
justify-content: center;
flex: 1 1 72%;
}
}
.badges-header {
padding: 10px 0;
border-top: 1px solid var(--primary-low);
border-bottom: 1px solid var(--primary-low);
2019-01-23 05:29:51 -05:00
.badges-heading {
margin: 0;
padding: 0 10px;
}
}
.content-list {
.admin-badge-list {
height: 70vh;
overflow-y: scroll;
border-right: 1px solid var(--primary-low);
border-left: 1px solid var(--primary-low);
border-bottom: 1px solid var(--primary-low);
2019-01-23 05:29:51 -05:00
.admin-badge-list-item {
&:first-child {
border-top: none;
}
&:last-child {
border-top: none;
}
}
.list-badge {
float: right;
font-size: var(--font-down-1);
2019-01-23 05:29:51 -05:00
font-weight: normal;
padding: 0 6px;
color: var(--secondary);
background-color: var(--tertiary-medium);
2019-01-23 05:29:51 -05:00
border-radius: 3px;
}
}
.user-badge {
border: none;
background-color: unset;
}
}
2018-07-02 23:14:53 -04:00
.current-badge {
margin: 20px;
p.help {
margin: 0;
2019-01-23 05:29:51 -05:00
margin-top: 5px;
color: var(--primary-medium);
font-size: var(--font-down-1);
2018-07-02 23:14:53 -04:00
}
.badge-grouping-control {
display: flex;
align-items: center;
.badge-selector {
margin-right: 5px;
}
}
.icon-picker {
width: 350px;
}
2018-07-02 23:14:53 -04:00
}
2021-09-20 09:52:03 -04:00
.current-badge {
2018-07-02 23:14:53 -04:00
.ace-wrapper {
position: relative;
height: 270px;
.ace_editor {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
&[data-disabled="true"] {
cursor: not-allowed;
opacity: 0.5;
.ace_editor {
pointer-events: none;
.ace_cursor {
visibility: hidden;
}
}
}
}
textarea {
height: 200px;
}
}
.current-badge-actions {
margin: 10px;
padding: 10px;
border-top: 1px solid var(--primary-low);
2018-07-02 23:14:53 -04:00
}
.buttons {
display: flex;
align-items: center;
button {
margin-right: 0.5em;
}
2018-07-02 23:14:53 -04:00
.saving {
order: 3;
2018-07-02 23:14:53 -04:00
}
}
}
.award-badge {
margin: 15px 0 0 15px;
float: left;
max-width: 70%;
.bulk-award-status-icon {
margin-right: 3px;
&.success {
color: var(--success);
}
&.failure {
color: var(--danger);
}
}
.badge-preview {
min-height: 110px;
max-width: 300px;
display: flex;
align-items: center;
background-color: var(--primary-very-low);
border: 1px solid var(--primary-low);
padding: 0 10px 0 10px;
img,
svg {
width: 60px;
height: 60px;
}
.badge-display-name {
margin-left: 5px;
}
2020-01-13 12:44:22 -05:00
}
.badge-required {
font-weight: bold;
}
}
2019-01-23 05:29:51 -05:00
// badge-grouping modal
.badge-groupings-modal {
.badge-groupings {
margin-bottom: 10px;
2018-07-02 23:14:53 -04:00
}
2019-01-23 05:29:51 -05:00
.badge-groupings-list {
list-style: none;
margin: 0;
.badge-grouping-item {
border-bottom: 1px solid var(--primary-low);
2019-01-23 05:29:51 -05:00
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0;
}
.badge-grouping {
.badge-grouping-name-input {
margin: 0;
}
}
2018-07-02 23:14:53 -04:00
}
2019-01-23 05:29:51 -05:00
}
// badge preview modal
.badge-query-preview {
.badge-errors,
2018-07-02 23:14:53 -04:00
.badge-query-plan {
2019-01-23 05:29:51 -05:00
padding: 5px;
background-color: var(--primary-low);
2018-07-02 23:14:53 -04:00
}
.count-warning {
background-color: var(--danger-low);
2019-01-23 05:29:51 -05:00
margin-bottom: 5px;
padding: 10px;
2018-07-02 23:14:53 -04:00
p {
margin: 0;
}
.heading {
color: var(--danger);
2018-07-02 23:14:53 -04:00
font-weight: bold;
}
}
}