thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Make font sizes relative

Browse source 
So it's easier to adjust them globally.

// FREEBIE
This commit is contained in:
lilia 2016-08-24 15:15:55 -07:00
parent 9fa7e7f462
commit 41e4154d60
5 changed files with 17 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
stylesheets/_conversation.scss
View file

@ -62,7 +62,7 @@
label { label {
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;
font-size: small; font-size: $font-size-small;
} }
.key, .placeholder { .key, .placeholder {
@ -159,7 +159,7 @@
.error-message { .error-message {
margin: 6px 0 0; margin: 6px 0 0;
font-size: small; font-size: $font-size-small;
font-weight: bold; font-weight: bold;
color: red; color: red;
} }
@ -563,7 +563,7 @@ li.entry .error-icon-container {
color: white; color: white;
box-shadow: 0 0 5px 0 black; box-shadow: 0 0 5px 0 black;
border-radius: $border-radius; border-radius: $border-radius;
font-size: small; font-size: $font-size-small;
} }
.confirmation-dialog { .confirmation-dialog {

2
stylesheets/_global.scss
View file

@ -325,7 +325,7 @@ $avatar-size: 44px;
.number { .number {
color: $grey; color: $grey;
font-size: small; font-size: $font-size-small;
} }
} }

6
stylesheets/_index.scss
View file

@ -165,7 +165,7 @@ input.search {
.last-message { .last-message {
margin: 6px 0 0; margin: 6px 0 0;
font-size: small; font-size: $font-size-small;
font-weight: 300; font-weight: 300;
} }
@ -274,12 +274,12 @@ input.search {
} }
} }
.synced_at { .synced_at {
font-size: small; font-size: $font-size-small;
color: $grey; color: $grey;
} }
.sync_failed { .sync_failed {
display: none; display: none;
font-size: small; font-size: $font-size-small;
color: red; color: red;
} }
} }

3
stylesheets/_variables.scss
View file

@ -45,3 +45,6 @@ $big-avatar-min-width: 900px;
$border-radius: 5px; $border-radius: 5px;
$error-icon-size: 24px; $error-icon-size: 24px;
$font-size: 14px;
$font-size-small: (13/14) + em;

14
stylesheets/manifest.css
View file

@ -291,7 +291,7 @@ img.emoji {
text-align: left; } text-align: left; }
.contact-details .number { .contact-details .number {
color: #616161; color: #616161;
font-size: small; } font-size: 0.92857em; }
.recipients-input { .recipients-input {
position: relative; } position: relative; }
@ -743,7 +743,7 @@ input.search {
padding: 0.5em; } padding: 0.5em; }
.index .last-message { .index .last-message {
margin: 6px 0 0; margin: 6px 0 0;
font-size: small; font-size: 0.92857em;
font-weight: 300; } font-weight: 300; }
.index .gutter .timestamp { .index .gutter .timestamp {
position: absolute; position: absolute;
@ -829,11 +829,11 @@ input.search {
.syncSettings button[disabled=disabled] { .syncSettings button[disabled=disabled] {
background: #616161; } background: #616161; }
.syncSettings .synced_at { .syncSettings .synced_at {
font-size: small; font-size: 0.92857em;
color: #616161; } color: #616161; }
.syncSettings .sync_failed { .syncSettings .sync_failed {
display: none; display: none;
font-size: small; font-size: 0.92857em;
color: red; } color: red; }
.conversation-title { .conversation-title {
@ -884,7 +884,7 @@ input.search {
.key-verification label { .key-verification label {
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;
font-size: small; } font-size: 0.92857em; }
.key-verification .key, .key-verification .placeholder { .key-verification .key, .key-verification .placeholder {
padding: 0 1em; padding: 0 1em;
-webkit-user-select: text; } -webkit-user-select: text; }
@ -950,7 +950,7 @@ input.search {
float: right; } float: right; }
.message-detail .contacts .contact-detail .error-message { .message-detail .contacts .contact-detail .error-message {
margin: 6px 0 0; margin: 6px 0 0;
font-size: small; font-size: 0.92857em;
font-weight: bold; font-weight: bold;
color: red; } color: red; }
.message-detail h3 { .message-detail h3 {
@ -1268,7 +1268,7 @@ li.entry .error-icon-container {
color: white; color: white;
box-shadow: 0 0 5px 0 black; box-shadow: 0 0 5px 0 black;
border-radius: 5px; border-radius: 5px;
font-size: small; } font-size: 0.92857em; }
.confirmation-dialog .content { .confirmation-dialog .content {
max-width: 350px; max-width: 350px;