discourse-assign/assets/stylesheets/mobile/assigns.scss

105 lines
1.8 KiB
SCSS

.user-right {
.assign-controls {
justify-content: flex-start;
margin-top: 1em;
}
}
.assigned-topic-list-item {
.topic-list-data {
max-width: unset;
}
.pull-right .num.activity {
margin-right: 0.5em;
}
.topic-item-stats {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
grid-template-areas:
"left-top right-top"
"left-bottom right-bottom";
grid-column-start: 1;
grid-column-end: 3;
.discourse-tags {
grid-area: left-top;
max-width: unset;
}
.topic-list-num {
grid-area: right-bottom;
display: flex;
justify-content: end;
}
.category {
grid-area: left-bottom;
}
}
}
.assigned-topic-list-item .topic-list-data {
display: grid;
grid-template-columns: 1fr 37px; // 37px is size of button
}
.select-kit-row[data-value="unassign-mobile-header"] {
background: rgba(var(--primary-low-rgb), 0.5);
pointer-events: none;
}
.select-kit-row.assign {
.name {
display: flex;
align-items: center;
justify-content: space-between;
.unassign-label {
margin-right: 25px;
display: inline-flex;
flex-direction: column;
width: auto;
.username {
font-size: $font-down-1;
color: var(--primary-medium);
}
}
}
}
.group-assignments .mobile-nav .drop li a {
display: grid;
}
.group-assignments .mobile-nav a.expander > span {
display: flex;
@include ellipsis;
.assign-count {
display: none;
}
.assign-name {
margin: 0;
padding: 0;
}
a {
width: 1em;
height: 1em;
}
}
.group-assignments {
min-width: unset;
li > a {
.assign-names,
.assign-count {
font-size: $font-0;
}
.assign-image,
.assign-name {
display: none;
}
.assign-username {
font-weight: normal;
}
}
}