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 font-sizes used in common

This commit is contained in:
Kris 2017-12-21 12:59:19 -05:00
parent 7b58afe677
commit dea3e84f18
22 changed files with 67 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/common/base/_topic-list.scss
View File

@ -174,7 +174,7 @@
} }
td.stats { td.stats {
.unit { .unit {
font-size: .8em; font-size: .857em;
} }
} }
@ -217,7 +217,7 @@
padding: 0; padding: 0;
border: 0; border: 0;
color: $danger-medium; color: $danger-medium;
font-size: 0.929em; font-size: 1em;
cursor: default; cursor: default;
} }
} }
@ -267,7 +267,7 @@ ol.category-breadcrumb {
margin-bottom: 0; margin-bottom: 0;
} }
a.badge-category, .dropdown-header { a.badge-category, .dropdown-header {
font-size: 0.929em; font-size: 0.857em;
font-weight: bold; font-weight: bold;
float: none; float: none;
text-transform: none; text-transform: none;
@ -296,7 +296,7 @@ ol.category-breadcrumb {
float: left; float: left;
margin: 5px 0 10px; margin: 5px 0 10px;
.top-date-string { .top-date-string {
font-size: 0.7em; font-size: 0.857em;
} }
} }
@ -318,7 +318,7 @@ ol.category-breadcrumb {
@include unselectable; @include unselectable;
font-size: 1.2em; font-size: 1.143em;
border: 1px solid $primary-low; border: 1px solid $primary-low;
padding: 5px; padding: 5px;
background: $secondary; background: $secondary;
@ -342,7 +342,7 @@ ol.category-breadcrumb {
} }
.top-date-string { .top-date-string {
font-weight: normal; font-weight: normal;
font-size: 0.8em; font-size: 0.857em;
} }
&:hover { &:hover {
background-color: $highlight-medium; background-color: $highlight-medium;

6
app/assets/stylesheets/common/base/category-list.scss
View File

@ -75,7 +75,7 @@
.description { .description {
padding: 0 1em 1em 1em; padding: 0 1em 1em 1em;
text-align: center; text-align: center;
font-size: 1.05em; font-size: 1em;
color: dark-light-choose($primary-medium, $secondary-high); color: dark-light-choose($primary-medium, $secondary-high);
.overflow { .overflow {
max-height: 6em; max-height: 6em;
@ -85,7 +85,7 @@
} }
h3 { h3 {
font-size: 1.2em; font-size: 1.286em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
margin-top: 0.25em; margin-top: 0.25em;
line-height: 1.1em; line-height: 1.1em;
@ -102,7 +102,7 @@
} }
h3 { h3 {
font-size: 1.2em; font-size: 1.286em;
text-align: center; text-align: center;
} }

4
app/assets/stylesheets/common/base/compose.scss
View File

@ -300,7 +300,7 @@
color: $primary; color: $primary;
} }
span.name { span.name {
font-size: .8em; font-size: .857em;
vertical-align: middle; vertical-align: middle;
} }
&.selected { &.selected {
@ -326,7 +326,7 @@ div.ac-wrap.disabled {
div.ac-wrap div.item a.remove, .remove-link { div.ac-wrap div.item a.remove, .remove-link {
margin-left: 4px; margin-left: 4px;
font-size: .8em; font-size: .857em;
line-height: 10px; line-height: 10px;
padding: 1.5px 1.5px 1.5px 2.5px; padding: 1.5px 1.5px 1.5px 2.5px;
border-radius: 12px; border-radius: 12px;

2
app/assets/stylesheets/common/base/directory.scss
View File

@ -29,7 +29,7 @@
border-bottom: 1px solid $primary-low; border-bottom: 1px solid $primary-low;
.number, .time-read { .number, .time-read {
font-size: 1.4em; font-size: 1.429em;
color: $primary-medium; color: $primary-medium;
} }
} }

10
app/assets/stylesheets/common/base/discourse.scss
View File

@ -47,11 +47,11 @@ body {
} }
big { big {
font-size: 2em; font-size: 2.286em;
} }
small { small {
font-size: .643em; font-size: .786em;
} }
//setting a static limit on big and small prevents nesting abuse //setting a static limit on big and small prevents nesting abuse
@ -423,7 +423,7 @@ select {
.content-list { .content-list {
h3 { h3 {
color: $primary-medium; color: $primary-medium;
font-size: 1.071em; font-size: 1.143em;
padding-left: 5px; padding-left: 5px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -474,7 +474,7 @@ select {
.control-label { .control-label {
font-weight: bold; font-weight: bold;
font-size: 1.2em; font-size: 1.286em;
line-height: 2; line-height: 2;
} }
@ -517,7 +517,7 @@ select {
#loading-message { #loading-message {
position: absolute; position: absolute;
font-size: 2.143em; font-size: 2.286em;
text-align: center; text-align: center;
top: 120px; top: 120px;
left: 500px; left: 500px;

2
app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
View File

@ -49,7 +49,7 @@
h3 { h3 {
font-weight: normal; font-weight: normal;
font-size: 1.071em; font-size: 1.143em;
} }
} }
} }

4
app/assets/stylesheets/common/base/exception.scss
View File

@ -7,12 +7,12 @@
height: 60px; height: 60px;
} }
.reason { .reason {
font-size: 1.714em; font-size: 1.857em;
height: 24px; height: 24px;
} }
.url { .url {
font-style: italic; font-style: italic;
font-size: .786em; font-size: .857em;
} }
.desc { .desc {
margin-top: 16px; margin-top: 16px;

10
app/assets/stylesheets/common/base/group.scss
View File

@ -15,7 +15,7 @@
.time, .time,
.delete-info { .delete-info {
color: lighten($primary, 40%); color: lighten($primary, 40%);
font-size: 0.8em; font-size: 0.857em;
} }
.group-member-info { .group-member-info {
@ -28,11 +28,13 @@
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
.group-post-title {
font-size: 1.143em;
}
} }
.group-post-excerpt { .group-post-excerpt {
margin: 1em 0; margin: 1em 0;
font-size: 0.929em;
word-wrap: break-word; word-wrap: break-word;
color: $primary; color: $primary;
} }
@ -45,13 +47,13 @@
width: 100%; width: 100%;
.group-info-name { .group-info-name {
font-size: 1.4em; font-size: 1.429em;
font-weight: bold; font-weight: bold;
color: $primary; color: $primary;
} }
.group-info-full-name { .group-info-full-name {
font-size: 1.2em; font-size: 1.286em;
color: dark-light-choose($primary-high, $secondary-low); color: dark-light-choose($primary-high, $secondary-low);
} }

4
app/assets/stylesheets/common/base/groups.scss
View File

@ -22,7 +22,7 @@
} }
td.groups-user-count { td.groups-user-count {
font-size: 1.2em; font-size: 1.286em;
} }
} }
@ -38,7 +38,7 @@
} }
.groups-info-title { .groups-info-title {
font-size: 0.9em; font-size: 0.857em;
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
} }

6
app/assets/stylesheets/common/base/login.scss
View File

@ -28,7 +28,7 @@ $input-width: 220px;
} }
.disclaimer { .disclaimer {
font-size: 0.9em; font-size: 0.857em;
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
clear: both; clear: both;
} }
@ -58,7 +58,7 @@ $input-width: 220px;
.instructions { .instructions {
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
margin: 0; margin: 0;
font-size: 0.929em; font-size: 0.857em;
font-weight: normal; font-weight: normal;
line-height: 18px; line-height: 18px;
} }
@ -100,7 +100,7 @@ $input-width: 220px;
.instructions { .instructions {
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
margin: 0; margin: 0;
font-size: 0.929em; font-size: 0.857em;
font-weight: normal; font-weight: normal;
line-height: 18px; line-height: 18px;
} }

1
app/assets/stylesheets/common/base/magnific-popup.scss
View File

@ -285,7 +285,6 @@ button {
} }
padding: 0 0 18px 10px; padding: 0 0 18px 10px;
color: $controls-color; color: $controls-color;
font-style: normal; font-style: normal;
font-size: 2em; font-size: 2em;
font-family: Arial, Baskerville, monospace; font-family: Arial, Baskerville, monospace;

6
app/assets/stylesheets/common/base/menu-panel.scss
View File

@ -65,7 +65,7 @@
} }
.new { .new {
font-size: 0.8em; font-size: 0.857em;
margin-left: 0.5em; margin-left: 0.5em;
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
} }
@ -174,7 +174,7 @@
} }
li:not(.category):not(.heading) { li:not(.category):not(.heading) {
font-size: 0.929em; font-size: 1em;
line-height: 16px; line-height: 16px;
.fa { .fa {
@ -328,7 +328,7 @@ div.menu-links-header {
} }
a { a {
font-size: 1.1em; font-size: 1.143em;
} }
.d-icon-user { .d-icon-user {
margin-right: 0.2em; margin-right: 0.2em;

4
app/assets/stylesheets/common/base/modal.scss
View File

@ -153,7 +153,7 @@
} }
p { p {
color: darken($primary, 40%); color: darken($primary, 40%);
font-size: 0.929em; font-size: 1em;
} }
.archetype-option { .archetype-option {
margin-bottom: 20px; margin-bottom: 20px;
@ -247,7 +247,7 @@
margin-left: 0 !important; // override needed margin-left: 0 !important; // override needed
font-weight: bold; font-weight: bold;
.topic-title { .topic-title {
font-size: 0.929em; font-size: 1em;
font-weight: normal; font-weight: normal;
} }
&.btn-reply-here { &.btn-reply-here {

2
app/assets/stylesheets/common/base/not-found.scss
View File

@ -1,7 +1,7 @@
// Page not found styles // Page not found styles
h1.page-not-found { h1.page-not-found {
font-size: 2.25em; font-size: 2.286em;
line-height: 1.25; line-height: 1.25;
} }

4
app/assets/stylesheets/common/base/onebox.scss
View File

@ -118,7 +118,7 @@ aside.onebox {
clear: both; clear: both;
h3, h4 { h3, h4 {
font-size: 1.17em; font-size: 1.143em;
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }
@ -395,7 +395,7 @@ aside.onebox.twitterstatus .onebox-body {
.album-title { .album-title {
width: 100%; width: 100%;
font-size: 1.083em; font-size: 1.143em;
line-height: 30px; line-height: 30px;
color: #ccc; color: #ccc;
text-decoration: none; text-decoration: none;

4
app/assets/stylesheets/common/base/request_access.scss
View File

@ -4,10 +4,10 @@
input[type=text] { input[type=text] {
width: 320px; width: 320px;
height: 30px; height: 30px;
font-size: 1.571em; font-size: 1.429em;
} }
input[type=submit] { input[type=submit] {
font-size: 1.571em; font-size: 1.429em;
padding: 10px; padding: 10px;
} }
} }

4
app/assets/stylesheets/common/base/search.scss
View File

@ -36,7 +36,7 @@
} }
.search-link { .search-link {
.topic-statuses, .topic-title { .topic-statuses, .topic-title {
font-size: 1.3em; font-size: 1.286em;
line-height: 25px; line-height: 25px;
} }
@ -63,7 +63,7 @@
} }
.discourse-tag { .discourse-tag {
font-size: 0.8em; font-size: 0.857em;
} }
} }

6
app/assets/stylesheets/common/base/share_link.scss
View File

@ -22,7 +22,7 @@
margin: 14px 0; margin: 14px 0;
} }
h3 { h3 {
font-size: 0.929em; font-size: 1em;
} }
.copy-text { .copy-text {
display: inline-block; display: inline-block;
@ -31,7 +31,7 @@
color: $success; color: $success;
opacity: 1; opacity: 1;
transition: opacity 0.25s; transition: opacity 0.25s;
font-size: .929em; font-size: 1em;
&:not(.success) { &:not(.success) {
opacity: 0; opacity: 0;
} }
@ -40,7 +40,7 @@
margin-left: 2px; margin-left: 2px;
margin-right: 8px; margin-right: 8px;
float: left; float: left;
font-size: 1.571em; font-size: 1.857em;
} }
.reply-as-new-topic { .reply-as-new-topic {
float: left; float: left;

10
app/assets/stylesheets/common/base/tagging.scss
View File

@ -23,7 +23,7 @@
} }
.tag-count { .tag-count {
font-size: 0.9em; font-size: 0.857em;
} }
} }
@ -86,7 +86,7 @@
$tag-color: $primary-medium; $tag-color: $primary-medium;
.discourse-tag-count { .discourse-tag-count {
font-size: 0.8em; font-size: 0.857em;
color: $tag-color; color: $tag-color;
} }
@ -153,7 +153,7 @@ $tag-color: $primary-medium;
.topic-list-item .discourse-tags { .topic-list-item .discourse-tags {
display: block; display: block;
font-size: 0.75em; font-size: 0.786em;
font-weight: normal; font-weight: normal;
clear: both; clear: both;
margin-top: 5px; margin-top: 5px;
@ -170,7 +170,7 @@ $tag-color: $primary-medium;
.mobile-view .topic-list-item .discourse-tags { .mobile-view .topic-list-item .discourse-tags {
display: inline-block; display: inline-block;
font-size: 0.9em; font-size: 0.857em;
margin-top: 0; margin-top: 0;
.discourse-tag.box { .discourse-tag.box {
position:relative; position:relative;
@ -185,7 +185,7 @@ $tag-color: $primary-medium;
font-family: FontAwesome; font-family: FontAwesome;
color: $primary-low-mid; color: $primary-low-mid;
margin-right: 5px; margin-right: 5px;
font-size: 0.7em; font-size: 0.786em;
position:relative; position:relative;
top: -0.1em; top: -0.1em;
} }

6
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -371,14 +371,14 @@ blockquote > *:last-child {
margin-top: 6px; margin-top: 6px;
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: bold;
font-size: 0.9em; font-size: 0.857em;
color: dark-light-choose($primary-low-mid, $secondary-high); color: dark-light-choose($primary-low-mid, $secondary-high);
.custom-message { .custom-message {
text-transform: none; text-transform: none;
margin: 15px 0px 5px; margin: 15px 0px 5px;
font-weight: normal; font-weight: normal;
font-size: 1.11em; font-size: 1.143em;
p { p {
margin: 5px 0; margin: 5px 0;
} }
@ -464,7 +464,7 @@ a.mention, a.mention-group {
> span.help { > span.help {
display: inline-block; display: inline-block;
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
font-size: 0.929em; font-size: 0.857em;
font-style: italic; font-style: italic;
line-height: $base-line-height; line-height: $base-line-height;
margin-bottom: 1px; margin-bottom: 1px;

10
app/assets/stylesheets/common/base/user-badges.scss
View File

@ -60,7 +60,7 @@
.show-badge .badge-user-info { .show-badge .badge-user-info {
.earned { .earned {
font-size: 1.3em; font-size: 1.286em;
margin-bottom: 1em; margin-bottom: 1em;
} }
} }
@ -71,7 +71,7 @@
.load-more { .load-more {
padding-top: 30px; padding-top: 30px;
display: block; display: block;
font-size: 1.2em; font-size: 1.286em;
} }
} }
@ -86,11 +86,11 @@
} }
.date { .date {
display: inline-block; display: inline-block;
font-size: 1.1em; font-size: 1.143em;
margin-left: 10px; margin-left: 10px;
} }
.post-link { .post-link {
font-size: 1.3em; font-size: 1.286em;
width: 500px; width: 500px;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -130,7 +130,7 @@
top: 5px; top: 5px;
font-weight: bold; font-weight: bold;
color: $primary-medium; color: $primary-medium;
font-size: 1.2em; font-size: 1.286em;
} }
.badge-contents { .badge-contents {

17
app/assets/stylesheets/common/base/user.scss
View File

@ -19,7 +19,6 @@
width: 100%; width: 100%;
.secondary { .secondary {
font-size: 0.929em;
.btn { .btn {
padding: 3px 12px; padding: 3px 12px;
@ -61,13 +60,13 @@
} }
h1 { h1 {
font-size: 2.143em; font-size: 2.286em;
font-weight: normal; font-weight: normal;
i {font-size: .8em;} i {font-size: .8em;}
} }
h2 { h2 {
font-size: 1.214em; font-size: 1.286em;
font-weight: normal; font-weight: normal;
margin-top: 10px; margin-top: 10px;
max-width: 100%; max-width: 100%;
@ -168,7 +167,7 @@
} }
h2 { h2 {
font-size: 1.071em; font-size: 1.143em;
margin-top: 4px; margin-top: 4px;
} }
@ -256,7 +255,7 @@
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 80%; font-size: .857em;
line-height: 1.4em; line-height: 1.4em;
} }
} }
@ -268,7 +267,7 @@
text-align: top; text-align: top;
color: $danger; color: $danger;
font-weight: bold; font-weight: bold;
font-size: 1.3em; font-size: 1.286em;
} }
} }
@ -403,7 +402,7 @@
.value { .value {
font-weight: bold; font-weight: bold;
font-size: 1.2em; font-size: 1.286em;
} }
.label { .label {
@ -450,7 +449,7 @@
.links-section { .links-section {
.domain { .domain {
font-size: 0.714em; font-size: 0.786em;
color: dark-light-choose($primary-medium, $secondary-high); color: dark-light-choose($primary-medium, $secondary-high);
} }
} }
@ -480,7 +479,7 @@
.instructions { .instructions {
color: dark-light-choose($primary-medium, $secondary-medium); color: dark-light-choose($primary-medium, $secondary-medium);
margin-bottom: 10px; margin-bottom: 10px;
font-size: 80%; font-size: .857em;
line-height: 1.4em; line-height: 1.4em;
a[href] { a[href] {