UX: homogenises sk row padding and topic-admin-menu (#9920)
This commit is contained in:
parent
4be45bec7e
commit
d7d5bb4454
|
@ -2,7 +2,8 @@
|
||||||
|
|
||||||
.topic-admin-popup-menu {
|
.topic-admin-popup-menu {
|
||||||
@include breakpoint(mobile-extra-large) {
|
@include breakpoint(mobile-extra-large) {
|
||||||
width: 100%;
|
width: calc(100% - 20px);
|
||||||
|
margin: 0 10px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
z-index: z("modal", "popover");
|
z-index: z("modal", "popover");
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
.select-kit-row {
|
.select-kit-row {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
padding: 6px 10px;
|
|
||||||
&.no-content {
|
&.no-content {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
@ -53,7 +53,7 @@
|
||||||
line-height: $line-height-medium;
|
line-height: $line-height-medium;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 6px 10px;
|
padding: 0.75em;
|
||||||
color: $tertiary;
|
color: $tertiary;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -21,7 +21,6 @@
|
||||||
|
|
||||||
.select-kit-row {
|
.select-kit-row {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 10px 5px;
|
|
||||||
|
|
||||||
.icons {
|
.icons {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
|
@ -46,8 +46,14 @@
|
||||||
background: $tertiary-low;
|
background: $tertiary-low;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.discourse-tag {
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.discourse-tag-count {
|
.discourse-tag-count {
|
||||||
margin-left: 5px;
|
margin-left: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -139,13 +139,13 @@
|
||||||
|
|
||||||
.select-kit-row {
|
.select-kit-row {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
line-height: $line-height-medium;
|
|
||||||
outline: none;
|
outline: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1 0 auto;
|
flex: 1 0 auto;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
padding: 0.75em;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -6,7 +6,3 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-kit.combo-box .select-kit-row {
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
|
@ -241,16 +241,8 @@ sub sub {
|
||||||
@media screen and (max-width: 550px) {
|
@media screen and (max-width: 550px) {
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
}
|
}
|
||||||
> div {
|
.popup-menu-btn {
|
||||||
margin-right: 0.5em;
|
@include ellipsis;
|
||||||
overflow: hidden;
|
|
||||||
&:nth-of-type(2) {
|
|
||||||
// move delete further from modal close
|
|
||||||
order: 12;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
@include ellipsis;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue