Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Reducing number of overall font sizes

This commit is contained in:
Kris 2017-12-20 15:56:53 -05:00
parent 21e1b05c7e
commit 4bf558f941
7 changed files with 29 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/desktop/category-list.scss
View File

@ -35,10 +35,10 @@
text-align: right; text-align: right;
.value { .value {
font-size: 1.2em; font-size: 1.143em;
} }
.unit { .unit {
font-size: .8em; font-size: .857em;
} }
.badge-notification { .badge-notification {
display: block; display: block;
@ -69,7 +69,7 @@
a.last-posted-at, a.last-posted-at,
a.last-posted-at:visited { a.last-posted-at:visited {
font-size: 0.86em; font-size: 0.857em;
color: dark-light-choose($primary-medium, $secondary-high); color: dark-light-choose($primary-medium, $secondary-high);
} }
@ -98,7 +98,7 @@
.category { .category {
border-left: 6px solid; border-left: 6px solid;
h3 { h3 {
font-size: 1.2em; font-size: 1.286em;
a[href] { a[href] {
color: $primary; color: $primary;
} }
@ -137,7 +137,7 @@
} }
.discourse-tag { .discourse-tag {
font-size: 0.75em; font-size: 0.786em;
} }
.topic-featured-link { .topic-featured-link {

4
app/assets/stylesheets/desktop/compose.scss
View File

@ -100,10 +100,10 @@
bottom: 10px; bottom: 10px;
color: $primary; color: $primary;
opacity: 0.5; opacity: 0.5;
font-size: 1.071em; font-size: 1.143em;
&:before { &:before {
content: 'esc'; content: 'esc';
font-size: 0.85em; font-size: 0.857em;
margin-right: 0.5em; margin-right: 0.5em;
} }
} }

2
app/assets/stylesheets/desktop/modal.scss
View File

@ -93,7 +93,7 @@
.custom-message-length { .custom-message-length {
color: dark-light-choose($primary-low-mid, $secondary-high); color: dark-light-choose($primary-low-mid, $secondary-high);
font-size: 85%; font-size: .857em;
} }
.flag-message { .flag-message {

13
app/assets/stylesheets/desktop/topic-list.scss
View File

@ -65,7 +65,6 @@
} }
button.bulk-select { button.bulk-select {
padding: 0; padding: 0;
font-size: 1.05em;
margin-right: 0.3em; margin-right: 0.3em;
} }
@ -142,7 +141,6 @@
margin-right: 2px; margin-right: 2px;
} }
a { a {
font-size: 0.917em;
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
margin-right: 3px; margin-right: 3px;
line-height: 20px; line-height: 20px;
@ -173,7 +171,6 @@
.topic-list.categories { .topic-list.categories {
a.title { a.title {
color: $tertiary; color: $tertiary;
font-size: 0.929em;
} }
th.posts { th.posts {
@ -225,10 +222,10 @@
} }
a.last-posted-at, a.last-posted-at:visited { a.last-posted-at, a.last-posted-at:visited {
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
font-size: 0.88em; font-size: 0.857em;
} }
.badge { .badge {
font-size: 0.714em; font-size: 0.857em;
top: -1px; top: -1px;
} }
} }
@ -291,7 +288,7 @@ button.dismiss-read {
clear: both; clear: both;
p { p {
line-height: 1.5em; line-height: 1.5em;
font-size: 1.5em; font-size: 1.429em;
} }
} }
@ -338,10 +335,10 @@ and (max-width : 850px) {
// smaller table cell font and cell spacing // smaller table cell font and cell spacing
th, td { th, td {
padding: 12px 2px; padding: 12px 2px;
font-size: 0.929em; font-size: 1em;
} }
.main-link { .main-link {
font-size: 1.071em; font-size: 1em;
} }
.category { .category {
min-width: 0; min-width: 0;

14
app/assets/stylesheets/desktop/topic-post.scss
View File

@ -7,7 +7,7 @@
} }
h1 .topic-statuses .topic-status i { h1 .topic-statuses .topic-status i {
font-size: 0.8em; font-size: 0.857em;
vertical-align: middle; vertical-align: middle;
} }
@ -105,7 +105,7 @@ nav.post-controls {
} }
i { i {
margin-left: 5px; margin-left: 5px;
font-size: 90%; font-size: .857em;
} }
} }
@ -311,7 +311,7 @@ a.star {
} }
span.domain { span.domain {
font-size: 0.714em; font-size: 0.786em;
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
} }
@ -353,7 +353,7 @@ a.star {
} }
.number, i { .number, i {
color: dark-light-choose($primary-high, $secondary-low); color: dark-light-choose($primary-high, $secondary-low);
font-size: 130%; font-size: 1.286em;
} }
.avatar a { .avatar a {
float: left; float: left;
@ -473,7 +473,7 @@ a.star {
#suggested-topics .topic-statuses .topic-status { #suggested-topics .topic-statuses .topic-status {
padding: 0; padding: 0;
i { i {
font-size:1.071em; font-size:1em;
} }
} }
@ -541,7 +541,7 @@ video {
.extra-info { .extra-info {
h1 { h1 {
margin: 5px 0 0 0; margin: 5px 0 0 0;
font-size: 1.6em; font-size: 1.429em;
line-height: 1.3em; line-height: 1.3em;
} }
@ -783,7 +783,7 @@ $topic-avatar-width: 45px;
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
h3 { h3 {
font-size: 1.786em; font-size: 1.857em;
color: $primary; color: $primary;
margin-bottom: 5px; margin-bottom: 5px;
i { i {

15
app/assets/stylesheets/desktop/topic.scss
View File

@ -21,17 +21,12 @@
padding-top: 14px; padding-top: 14px;
margin-bottom: 10px; margin-bottom: 10px;
.star {
font-size: 1.429em;
margin-top: 6px;
margin-right: 6px;
}
#edit-title, .category-chooser, .edit-controls { #edit-title, .category-chooser, .edit-controls {
width: 500px; width: 500px;
} }
h1 { h1 {
font-size: 1.8em; font-size: 1.857em;
line-height: 1.2em; line-height: 1.25em;
overflow: hidden; overflow: hidden;
a {color: $primary;} a {color: $primary;}
} }
@ -46,7 +41,7 @@
float: right; float: right;
text-transform: lowercase; text-transform: lowercase;
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
font-size: 0.875rem; font-size: 0.857rem;
} }
} }
@ -62,7 +57,7 @@
width: 60%; width: 60%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
font-size: 1.714em; font-size: 1.857em;
text-align: center; text-align: center;
line-height: 1.1em; line-height: 1.1em;
@ -199,7 +194,7 @@
bottom: 0; bottom: 0;
position: fixed; position: fixed;
width: 100%; width: 100%;
font-size: 1.071em; font-size: 1em;
z-index: 495 z-index: 495
} }

8
app/assets/stylesheets/desktop/user-card.scss
View File

@ -63,7 +63,7 @@ $user_card_background: $secondary;
h1 { h1 {
min-width: 120px; min-width: 120px;
font-size: 1.786em; font-size: 1.857em;
line-height: 1.25; line-height: 1.25;
display: block; display: block;
max-width: 250px; max-width: 250px;
@ -74,13 +74,13 @@ $user_card_background: $secondary;
color: $user_card_primary; color: $user_card_primary;
} }
i { i {
font-size: .8em; font-size: .857em;
color: $user_card_primary; color: $user_card_primary;
} }
} }
h2 { h2 {
font-size: 1.071em; font-size: 1.143em;
line-height: 1.25; line-height: 1.25;
font-weight: normal; font-weight: normal;
display: block; display: block;
@ -255,7 +255,7 @@ $user_card_background: $secondary;
position: absolute; position: absolute;
right: 12px; right: 12px;
bottom: 12px; bottom: 12px;
font-size: 2.143em; font-size: 2.286em;
i {color: $user_card_primary;} i {color: $user_card_primary;}
} }