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

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

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

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

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

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

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

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

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

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

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

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

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