Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Redesign extended information page (#4322)

Browse source 
* Redesign extended information page

* Remove unused keys

* Add $ui-base-lighter-color variable to SCSS
This commit is contained in:
Eugen Rochko 2017-07-24 15:09:08 +02:00 • committed by GitHub
parent 117eb3b2bc
commit 2374d63536
37 changed files with 220 additions and 261 deletions
Download patch file Download diff file Expand all files Collapse all files

48
app/javascript/styles/components.scss
View file

@ -107,7 +107,7 @@
.icon-button {
display: inline-block;
padding: 0;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
border: none;
background: transparent;
cursor: pointer;
@ -145,7 +145,7 @@
&:hover,
&:active,
&:focus {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
}
&.active {
@ -185,7 +185,7 @@
&:hover,
&:active,
&:focus {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
transition: color 200ms ease-out;
}
@ -610,13 +610,13 @@
}
.status__relative-time {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
float: right;
font-size: 14px;
}
.status__display-name {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
}
.status__info .status__display-name {
@ -652,14 +652,14 @@
.status__prepend {
margin-left: 68px;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
padding: 8px 0;
padding-bottom: 2px;
font-size: 14px;
position: relative;
.status__display-name strong {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
}
}
@ -725,7 +725,7 @@
.detailed-status__meta {
margin-top: 15px;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
font-size: 14px;
line-height: 18px;
}
@ -944,7 +944,7 @@
}
abbr {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
}
}
@ -1046,11 +1046,11 @@
.muted {
.status__content p,
.status__content a {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
}
.status__display-name strong {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
}
.status__avatar {
@ -1058,7 +1058,7 @@
}
a.status__content__spoiler-link {
background: lighten($ui-base-color, 26%);
background: $ui-base-lighter-color;
color: lighten($ui-base-color, 4%);
&:hover {
@ -1273,7 +1273,7 @@
.static-content {
padding: 10px;
padding-top: 20px;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
h1 {
font-size: 16px;
@ -1736,7 +1736,7 @@
.column-subheading {
background: $ui-base-color;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
padding: 8px 20px;
font-size: 12px;
font-weight: 500;
@ -1875,7 +1875,7 @@
}
a {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
}
}
@ -1939,7 +1939,7 @@ button.icon-button.active i.fa-retweet {
font-size: 14px;
border: 1px solid lighten($ui-base-color, 8%);
border-radius: 4px;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
margin-top: 14px;
text-decoration: none;
overflow: hidden;
@ -2034,7 +2034,7 @@ button.icon-button.active i.fa-retweet {
.load-more {
display: block;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
background-color: transparent;
border: 0;
font-size: inherit;
@ -2723,13 +2723,13 @@ button.icon-button.active i.fa-retweet {
color: $ui-secondary-color;
font-size: 18px;
font-weight: 500;
border: 2px dashed lighten($ui-base-color, 26%);
border: 2px dashed $ui-base-lighter-color;
border-radius: 4px;
}
.upload-progress {
padding: 10px;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
overflow: hidden;
display: flex;
@ -2754,7 +2754,7 @@ button.icon-button.active i.fa-retweet {
width: 100%;
height: 6px;
border-radius: 6px;
background: lighten($ui-base-color, 26%);
background: $ui-base-lighter-color;
position: relative;
margin-top: 5px;
}
@ -2965,7 +2965,7 @@ button.icon-button.active i.fa-retweet {
}
.search-results__header {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
background: lighten($ui-base-color, 2%);
border-bottom: 1px solid darken($ui-base-color, 4%);
padding: 15px 10px;
@ -3559,7 +3559,7 @@ button.icon-button.active i.fa-retweet {
.attachment-list__icon {
flex: 0 0 auto;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
padding: 8px 18px;
cursor: default;
border-right: 1px solid lighten($ui-base-color, 8%);
@ -3589,7 +3589,7 @@ button.icon-button.active i.fa-retweet {
a {
text-decoration: none;
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
font-weight: 500;
&:hover {
@ -3752,7 +3752,7 @@ button.icon-button.active i.fa-retweet {
}
.account-section-headline {
color: lighten($ui-base-color, 26%);
color: $ui-base-lighter-color;
background: lighten($ui-base-color, 2%);
border-bottom: 1px solid lighten($ui-base-color, 4%);
padding: 15px 10px;