UX: homogenises sk row padding and topic-admin-menu (#9920)

This commit is contained in:
Joffrey JAFFEUX 2020-05-29 09:35:43 +02:00 committed by GitHub
parent 4be45bec7e
commit d7d5bb4454
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 14 additions and 20 deletions

View File

@ -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");

View File

@ -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 {

View File

@ -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;

View File

@ -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;
} }
} }

View File

@ -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;

View File

@ -6,7 +6,3 @@
} }
} }
} }
.select-kit.combo-box .select-kit-row {
padding: 10px;
}

View File

@ -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;
}
} }
} }
} }