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

Add CSS for the newly-introduced dashboard (fixes #592)

Browse source
This commit is contained in:
Thibaut Girka 2018-07-18 22:32:27 +02:00 committed by ThibG
parent 828f602b2f
commit c99054ecb2
2 changed files with 70 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
app/javascript/flavours/glitch/styles/dashboard.scss Normal file
View file

@ -0,0 +1,69 @@
.dashboard__counters {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
margin-bottom: 20px;
& > div {
box-sizing: border-box;
flex: 0 0 33.333%;
padding: 0 5px;
margin-bottom: 10px;
& > div,
& > a {
padding: 20px;
background: lighten($ui-base-color, 4%);
border-radius: 4px;
}
& > a {
text-decoration: none;
color: inherit;
display: block;
&:hover,
&:focus,
&:active {
background: lighten($ui-base-color, 8%);
}
}
}
&__num {
text-align: center;
font-weight: 500;
font-size: 24px;
color: $primary-text-color;
font-family: 'mastodon-font-display', sans-serif;
margin-bottom: 20px;
}
&__label {
font-size: 14px;
color: $darker-text-color;
text-align: center;
font-weight: 500;
}
}
.dashboard__widgets {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
& > div {
flex: 0 0 33.333%;
margin-bottom: 20px;
& > div {
padding: 0 5px;
}
}
a:not(.name-tag) {
color: $ui-secondary-color;
font-weight: 500;
text-decoration: none;
}
}

1
app/javascript/flavours/glitch/styles/index.scss
View file

@ -20,3 +20,4 @@
@import 'tables'; @import 'tables';
@import 'admin'; @import 'admin';
@import 'rtl'; @import 'rtl';
@import 'dashboard';