monorail
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Fix relationship manager on narrow screens 

Port 7130d6e512 to glitch-soc
This commit is contained in:
Eugen Rochko 2019-03-17 22:36:54 +01:00 committed by Thibaut Girka
parent 200cd3b5a7
commit 841b920af5
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/javascript/flavours/glitch/styles/tables.scss
View File

@ -149,6 +149,10 @@ a.table-action-link {
margin-top: 0; margin-top: 0;
} }
} }
@media screen and (max-width: $no-gap-breakpoint) {
display: none;
}
} }
&__actions, &__actions,
@ -170,6 +174,10 @@ a.table-action-link {
text-align: right; text-align: right;
padding-right: 16px - 5px; padding-right: 16px - 5px;
} }
@media screen and (max-width: $no-gap-breakpoint) {
display: none;
}
} }
&__row { &__row {
@ -177,6 +185,12 @@ a.table-action-link {
border-top: 0; border-top: 0;
background: darken($ui-base-color, 4%); background: darken($ui-base-color, 4%);
@media screen and (max-width: $no-gap-breakpoint) {
&:first-child {
border-top: 1px solid darken($ui-base-color, 8%);
}
}
&:hover { &:hover {
background: darken($ui-base-color, 2%); background: darken($ui-base-color, 2%);
} }
@ -211,5 +225,15 @@ a.table-action-link {
border: 1px solid darken($ui-base-color, 8%); border: 1px solid darken($ui-base-color, 8%);
border-top: 0; border-top: 0;
box-shadow: none; box-shadow: none;
@media screen and (max-width: $no-gap-breakpoint) {
border-top: 1px solid darken($ui-base-color, 8%);
}
}
@media screen and (max-width: 870px) {
.accounts-table tbody td.optional {
display: none;
}
} }
} }