Use prettier for SCSS

This commit is contained in:
Tim Düsterhus 2021-08-15 12:58:50 +02:00
parent 34ce1f86ed
commit ba4b521d32
Signed by: TimWolla
GPG Key ID: 8FF75566094168AF
2 changed files with 15 additions and 11 deletions

View File

@ -11,7 +11,7 @@
* or later of the General Public License. * or later of the General Public License.
*/ */
li[data-object-type="be.bastelstu.chat.messageType.info"] { li[data-object-type='be.bastelstu.chat.messageType.info'] {
.chatMessage > .box48 + .containerList { .chatMessage > .box48 + .containerList {
margin-top: 20px; margin-top: 20px;
} }
@ -21,7 +21,7 @@ li[data-object-type="be.bastelstu.chat.messageType.info"] {
} }
} }
li[data-object-type="be.bastelstu.chat.messageType.where"] { li[data-object-type='be.bastelstu.chat.messageType.where'] {
.containerList > li { .containerList > li {
&:first-child { &:first-child {
border-top: none; border-top: none;

View File

@ -101,7 +101,7 @@ $chatEmbedMaxWidth: 400px;
} }
} }
&[data-box-identifier="be.bastelstu.chat.roomListSidebar"] { &[data-box-identifier='be.bastelstu.chat.roomListSidebar'] {
flex: 1 1 0px; flex: 1 1 0px;
min-height: 12rem; min-height: 12rem;
@ -116,7 +116,7 @@ $chatEmbedMaxWidth: 400px;
} }
&.chatUserList, &.chatUserList,
&[data-box-identifier="be.bastelstu.chat.roomListSidebar"] { &[data-box-identifier='be.bastelstu.chat.roomListSidebar'] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -161,13 +161,13 @@ $chatEmbedMaxWidth: 400px;
#chatMessageStream > .scrollContainer, #chatMessageStream > .scrollContainer,
#chatUserList > .boxContent, #chatUserList > .boxContent,
[data-box-identifier="be.bastelstu.chat.roomListSidebar"] > .boxContent { [data-box-identifier='be.bastelstu.chat.roomListSidebar'] > .boxContent {
position: relative; position: relative;
overflow-y: scroll; overflow-y: scroll;
padding-right: 5px; padding-right: 5px;
} }
[data-box-identifier="be.bastelstu.chat.roomListSidebar"] > .boxContent { [data-box-identifier='be.bastelstu.chat.roomListSidebar'] > .boxContent {
overflow-x: hidden; overflow-x: hidden;
// Fixes issues with backgrounds being cut by the overflow-x // Fixes issues with backgrounds being cut by the overflow-x
@ -222,7 +222,12 @@ $chatEmbedMaxWidth: 400px;
} }
&:target { &:target {
background-color: rgba(255, 255, 102, 0.4); // .codeBoxJumpAnchor:target::after background-color: rgba(
255,
255,
102,
0.4
); // .codeBoxJumpAnchor:target::after
} }
&.readMarker { &.readMarker {
@ -488,8 +493,7 @@ $chatEmbedMaxWidth: 400px;
#smilies-text { #smilies-text {
@if variable_exists(wcfContentContainerBackground) { @if variable_exists(wcfContentContainerBackground) {
background-color: $wcfContentContainerBackground; background-color: $wcfContentContainerBackground;
} } @else {
@else {
// Compatibility with API_VERSION 3.0 // Compatibility with API_VERSION 3.0
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
} }
@ -509,7 +513,7 @@ $chatEmbedMaxWidth: 400px;
} }
@include screen-md-down { @include screen-md-down {
&[data-show="true"] { &[data-show='true'] {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
@ -622,7 +626,7 @@ html.fullscreen {
#chatMessageStream { #chatMessageStream {
> .scrollContainer { > .scrollContainer {
// flex: 1 1 0; // Disable min height in fullscreen mode // flex: 1 1 0; // Disable min height in fullscreen mode
} }
} }