wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change heading weights from Light to Semibold for better information architecture

Browse source 
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2018-10-01 23:37:29 +02:00
parent 8799c6ee5b
commit 5829fcd685
No known key found for this signature in database
GPG key ID: CBD846FC845CBE17
4 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/files_sharing/css/public.scss
View file

@ -164,7 +164,6 @@ thead {
position: relative;
font-weight: 300;
font-size: 11px;
opacity: .57;
overflow: hidden;
text-overflow: ellipsis;
}

10
core/css/apps.scss
View file

@ -18,16 +18,20 @@
/* BASE STYLING ------------------------------------------------------------ */
h2,
h3,
h4 {
font-weight: 600;
}
h2 {
font-size: 20px;
font-weight: 300;
margin-bottom: 12px;
line-height: 140%;
}
h3 {
font-size: 15px;
font-weight: 300;
margin: 12px 0;
}
@ -842,7 +846,7 @@ $popovericon-size: 16px;
// Required right-distance is half menu icon size + right padding
// = 16px/2 + 14px = 22px
// popover right margin is 5px, arrow width is 9px to center and border is 1px
// 22px - 9px - 5px - 1px = 7px
// 22px - 9px - 5px - 1px = 7px
right: 7px;
/* change this to adjust the arrow position */
border: solid transparent;

8
core/css/guest.css
View file

@ -48,15 +48,19 @@ em {
}
/* heading styles */
h2,
h3,
h4 {
font-weight: 600;
}
h2 {
font-size: 20px;
font-weight: 300;
margin-bottom: 12px;
line-height: 140%;
}
h3 {
font-size: 15px;
font-weight: 300;
margin: 12px 0;
}

6
core/css/header.scss
View file

@ -213,7 +213,7 @@
.header-appname {
color: var(--color-primary-text);
font-size: 16px;
font-weight: 300;
font-weight: 600;
margin: 0;
padding: 0;
padding-right: 5px;
@ -357,12 +357,12 @@ nav[role='navigation'] {
&:active {
color: var(--color-primary-text);
#expandDisplayName,
#expandDisplayName,
.avatardiv{
border-radius: 50%;
border: 2px solid var(--color-primary-text);
margin: -2px;
}
}
.avatardiv{
background-color: var(--color-primary-text);
}