tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Port search results styling to glitch-soc

Browse Source
This commit is contained in:
Thibaut Girka
2019-03-28 14:24:04 +01:00
committed by ThibG
parent fad29fd230
commit 58da5e93c0
2 changed files with 24 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
app/javascript/flavours/glitch/styles/components/drawer.scss
View File

@ -196,43 +196,35 @@
overflow-y: auto;
& > header {
border-bottom: 1px solid darken($ui-base-color, 4%);
padding: 15px 10px;
color: $dark-text-color;
background: lighten($ui-base-color, 2%);
font-size: 14px;
padding: 15px;
font-weight: 500;
font-size: 16px;
cursor: default;
.fa {
display: inline-block;
margin-right: 5px;
}
}
& > section {
background: $ui-base-color;
margin-bottom: 20px;
margin-bottom: 5px;
h5 {
position: relative;
background: darken($ui-base-color, 4%);
border-bottom: 1px solid lighten($ui-base-color, 8%);
cursor: default;
display: flex;
padding: 15px;
font-weight: 500;
font-size: 16px;
color: $dark-text-color;
&::before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 50%;
width: 100%;
height: 0;
border-top: 1px solid lighten($ui-base-color, 8%);
}
span {
.fa {
display: inline-block;
background: $ui-base-color;
color: $darker-text-color;
font-size: 14px;
font-weight: 500;
padding: 10px;
position: relative;
z-index: 1;
cursor: default;
margin-right: 5px;
}
}