me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Glitch] Fix long domain block descriptions breaking table layout

Browse source 
Port SCSS changes from 8811f37949 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
This commit is contained in:
Eugen Rochko 2019-10-01 04:54:29 +02:00 committed by Thibaut Girka
parent 93ad0adf82
commit 0331a92de8
1 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
app/javascript/flavours/glitch/styles/about.scss
View file

@ -145,8 +145,6 @@ $small-breakpoint: 960px;
thead tr, thead tr,
tbody tr { tbody tr {
break-after: auto;
break-inside: avoid;
border-bottom: 1px solid lighten($ui-base-color, 4%); border-bottom: 1px solid lighten($ui-base-color, 4%);
font-size: 1em; font-size: 1em;
line-height: 1.625; line-height: 1.625;
@ -167,12 +165,25 @@ $small-breakpoint: 960px;
padding: 8px; padding: 8px;
align-self: start; align-self: start;
align-items: start; align-items: start;
word-break: break-all;
&.nowrap { &.nowrap {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 25%; width: 25%;
position: relative;
&::before {
content: '&nbsp;';
visibility: hidden;
}
span {
position: absolute;
left: 8px;
right: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
} }
} }
} }