scalie-business
/
mastodon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixes and tweaks

This commit is contained in:
Andrew 2017-11-14 03:04:04 -08:00 committed by nightpool
parent 8e56c9a3c5
commit 088584c15b
1 changed files with 50 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
app/javascript/styles/light.scss
View File

@ -166,6 +166,7 @@ $about-page-text: $primary-text-color;
.autosuggest-textarea__textarea,
.spoiler-input__input {
color: $primary-text-color;
border: 1px solid $ui-secondary-color;
}
button.icon-button {
@ -273,6 +274,18 @@ button.icon-button {
}
}
.search-popout {
background: $ui-base-color;
color: $ui-primary-color;
h4 {
color: $ui-primary-color;
}
em {
color: $ui-highlight-color;
}
}
.static-content {
/*color: $primary-text-color;*/
}
@ -291,6 +304,10 @@ button.icon-button {
color: $white;
}
.status {
border-bottom: 1px solid $ui-secondary-color;
}
.status__content {
.status__content__spoiler-link {
background: $ui-base-lighter-color;
@ -300,6 +317,14 @@ button.icon-button {
}
}
}
.dropdown-menu__item {
& > a {
color: $primary-text-color;
&:hover {
color: $ui-base-color;
}
}
}
.dropdown--active .dropdown__content {
& > ul {
@ -324,8 +349,12 @@ button.icon-button {
color: $primary-text-color;
}
.status__content,
.reply-indicator__content {
color: lighten($ui-highlight-color, 30%);
}
.status__content
{
a {
color: $ui-highlight-color;
@ -337,6 +366,10 @@ button.icon-button {
}
}
.detailed-status__display-name {
color: $ui-base-lighter-color;
}
/* forms.scss */
.block-button, .button, button {
background-color: $ui-primary-color;
@ -473,40 +506,32 @@ button.icon-button {
}
.media-gallery {
max-height:30vh;
height:30vh !important;
position:relative;
margin-top:20px;
margin-left:-68px;
width: calc(100% + 80px);
}
.detailed-status .media-gallery {
margin-left:-10px;
width: calc(100% + 22px);
}
.media-spoiler-video,
.status__video-player,
.detailed-status > .media-spoiler,
.status > .media-spoiler {
.media-gallery,
.video-player {
max-height:30vh;
height:30vh !important;
position:relative;
margin-top:20px;
margin-left:-68px;
width: calc(100% + 80px) !important;
max-width: calc(100% + 80px);
}
.status__video-player-video {
transform:unset;
top:unset;
.detailed-status .media-gallery,
.detailed-status .video-player {
margin-left:-10px;
width: calc(100% + 22px);
max-width: calc(100% + 22px);
}
.detailed-status > .media-spoiler,
.status > .media-spoiler {
height:30vh !important;
.video-player video {
transform: unset;
top: unset;
}
.detailed-status .media-spoiler,
.status .media-spoiler {
height:100% !important;
vertical-align:middle;
}