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

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

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

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

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

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

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

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

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

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

@ -49,7 +49,7 @@
h3 {
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;
}
.reason {
font-size: 1.714em;
font-size: 1.857em;
height: 24px;
}
.url {
font-style: italic;
font-size: .786em;
font-size: .857em;
}
.desc {
margin-top: 16px;

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

@ -15,7 +15,7 @@
.time,
.delete-info {
color: lighten($primary, 40%);
font-size: 0.8em;
font-size: 0.857em;
}
.group-member-info {
@ -28,11 +28,13 @@
display: flex;
width: 100%;
justify-content: space-between;
.group-post-title {
font-size: 1.143em;
}
}
.group-post-excerpt {
margin: 1em 0;
font-size: 0.929em;
word-wrap: break-word;
color: $primary;
}
@ -45,13 +47,13 @@
width: 100%;
.group-info-name {
font-size: 1.4em;
font-size: 1.429em;
font-weight: bold;
color: $primary;
}
.group-info-full-name {
font-size: 1.2em;
font-size: 1.286em;
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 {
font-size: 1.2em;
font-size: 1.286em;
}
}
@ -38,7 +38,7 @@
}
.groups-info-title {
font-size: 0.9em;
font-size: 0.857em;
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 {
font-size: 0.9em;
font-size: 0.857em;
color: dark-light-choose($primary-medium, $secondary-medium);
clear: both;
}
@ -58,7 +58,7 @@ $input-width: 220px;
.instructions {
color: dark-light-choose($primary-medium, $secondary-medium);
margin: 0;
font-size: 0.929em;
font-size: 0.857em;
font-weight: normal;
line-height: 18px;
}
@ -100,7 +100,7 @@ $input-width: 220px;
.instructions {
color: dark-light-choose($primary-medium, $secondary-medium);
margin: 0;
font-size: 0.929em;
font-size: 0.857em;
font-weight: normal;
line-height: 18px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -36,7 +36,7 @@
}
.search-link {
.topic-statuses, .topic-title {
font-size: 1.3em;
font-size: 1.286em;
line-height: 25px;
}
@ -63,7 +63,7 @@
}
.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;
}
h3 {
font-size: 0.929em;
font-size: 1em;
}
.copy-text {
display: inline-block;
@ -31,7 +31,7 @@
color: $success;
opacity: 1;
transition: opacity 0.25s;
font-size: .929em;
font-size: 1em;
&:not(.success) {
opacity: 0;
}
@ -40,7 +40,7 @@
margin-left: 2px;
margin-right: 8px;
float: left;
font-size: 1.571em;
font-size: 1.857em;
}
.reply-as-new-topic {
float: left;

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

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

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

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

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

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

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

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