treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Fix relationship manager on narrow screens 

Port 88864708e6 to glitch-soc
lolsob-rspec
Eugen Rochko 2019-03-17 22:36:54 +01:00 committed by Thibaut Girka
parent 91419e3b68
commit f7a28fd46d
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;
}
} }
} }