Auto-fix stylelint issues

These `stylelint` issues were autofixed by the tool itself and look sane to me.
This commit is contained in:
J. Ryan Stinnett 2019-07-09 18:15:10 +01:00
parent 4ebba43873
commit dd2079bffc
49 changed files with 143 additions and 162 deletions

View file

@ -198,7 +198,7 @@ $AppsDrawerBodyHeight: 273px;
border-radius: 2px;
}
.mx_AppTileBody{
.mx_AppTileBody {
height: $AppsDrawerBodyHeight;
width: 100%;
overflow: hidden;
@ -234,7 +234,7 @@ $AppsDrawerBodyHeight: 273px;
background-color: $lightbox-bg-color;
border: 1px solid rgba(0, 0, 0, 0);
width: 200px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
border-radius: 3px;
margin: 5px;
@ -248,7 +248,7 @@ $AppsDrawerBodyHeight: 273px;
.mx_AppIconTile:hover {
border: 1px solid $accent-color;
box-shadow: 0 0 10px 5px rgba(200,200,200,0.5);
box-shadow: 0 0 10px 5px rgba(200, 200, 200, 0.5);
}
.mx_AppIconTile_content {
@ -271,8 +271,8 @@ $AppsDrawerBodyHeight: 273px;
.mx_AppIconTile_image {
padding: 10px;
width: 75%;
max-width:100px;
max-height:100px;
max-width: 100px;
max-height: 100px;
width: auto;
height: auto;
}
@ -361,11 +361,11 @@ form.mx_Custom_Widget_Form div {
}
@keyframes mx_AppLoading_spinner_fadeIn_animation {
from { opacity: 0 }
to { opacity: 1 }
from { opacity: 0; }
to { opacity: 1; }
}
.mx_AppLoading iframe {
display: none;
display: none;
}

View file

@ -8,7 +8,7 @@
border-bottom: none;
border-radius: 4px 4px 0 0;
max-height: 50vh;
overflow: auto
overflow: auto;
}
.mx_Autocomplete_ProviderSection {
@ -32,7 +32,7 @@
}
.mx_Autocomplete_Completion_block * {
margin: 0 3px;
margin: 0 3px;
}
.mx_Autocomplete_Completion_pill {
@ -54,7 +54,7 @@
.mx_Autocomplete_Completion_title,
.mx_Autocomplete_Completion_subtitle,
.mx_Autocomplete_Completion_description {
/* Ellipsis for long names/subtitles/descriptions*/
/* Ellipsis for long names/subtitles/descriptions */
max-width: 150px;
white-space: nowrap;
overflow: hidden;

View file

@ -102,20 +102,17 @@ limitations under the License.
.mx_EntityTile_unavailable .mx_EntityTile_avatar,
.mx_EntityTile_unavailable .mx_EntityTile_name,
.mx_EntityTile_offline_beenactive .mx_EntityTile_avatar,
.mx_EntityTile_offline_beenactive .mx_EntityTile_name
{
.mx_EntityTile_offline_beenactive .mx_EntityTile_name {
opacity: 0.5;
}
.mx_EntityTile_offline_neveractive .mx_EntityTile_avatar,
.mx_EntityTile_offline_neveractive .mx_EntityTile_name
{
.mx_EntityTile_offline_neveractive .mx_EntityTile_name {
opacity: 0.25;
}
.mx_EntityTile_unknown .mx_EntityTile_avatar,
.mx_EntityTile_unknown .mx_EntityTile_name
{
.mx_EntityTile_unknown .mx_EntityTile_name {
opacity: 0.25;
}

View file

@ -122,8 +122,8 @@ limitations under the License.
/* HACK to override line-height which is already marked important elsewhere */
.mx_EventTile_bigEmoji.mx_EventTile_bigEmoji {
font-size: 48px ! important;
line-height: 57px ! important;
font-size: 48px !important;
line-height: 57px !important;
}
/* this is used for the tile for the event which is selected via the URL.
@ -136,8 +136,7 @@ limitations under the License.
}
.mx_EventTile:hover .mx_EventTile_line,
.mx_EventTile.mx_EventTile_actionBarFocused .mx_EventTile_line
{
.mx_EventTile.mx_EventTile_actionBarFocused .mx_EventTile_line {
background-color: $event-selected-color;
}
@ -156,7 +155,7 @@ limitations under the License.
}
.mx_EventTile_encrypting {
color: $event-encrypting-color ! important;
color: $event-encrypting-color !important;
}
.mx_EventTile_sending {
@ -189,7 +188,8 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
height: 22px;
width: 250px;
border-radius: 11px;
background: repeating-linear-gradient(
background:
repeating-linear-gradient(
-45deg,
var(--lozenge-color),
var(--lozenge-color) 3px,
@ -200,8 +200,7 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
}
.mx_EventTile_highlight,
.mx_EventTile_highlight .markdown-body
{
.mx_EventTile_highlight .markdown-body {
color: $event-highlight-fg-color;
.mx_EventTile_line {
@ -418,9 +417,9 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
/* Various markdown overrides */
.mx_EventTile_content .markdown-body {
font-family: inherit ! important;
white-space: normal ! important;
line-height: inherit ! important;
font-family: inherit !important;
white-space: normal !important;
line-height: inherit !important;
color: inherit; // inherit the colour from the dark or light theme by default (but not for code blocks)
font-size: 14px;
}
@ -442,7 +441,7 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
.mx_EventTile_content .markdown-body {
pre, code {
font-family: $monospace-font-family ! important;
font-family: $monospace-font-family !important;
// deliberate constants as we're behind an invert filter
color: #333;
}
@ -470,13 +469,11 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
border: 1px solid transparent;
}
.mx_EventTile:hover .mx_EventTile_body pre
{
.mx_EventTile:hover .mx_EventTile_body pre {
border: 1px solid #e5e5e5; // deliberate constant as we're behind an invert filter
}
.mx_EventTile_body .mx_EventTile_pre_container:hover .mx_EventTile_copyButton
{
.mx_EventTile_body .mx_EventTile_pre_container:hover .mx_EventTile_copyButton {
visibility: visible;
}
@ -485,19 +482,17 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
.mx_EventTile_content .markdown-body h3,
.mx_EventTile_content .markdown-body h4,
.mx_EventTile_content .markdown-body h5,
.mx_EventTile_content .markdown-body h6
{
font-family: inherit ! important;
.mx_EventTile_content .markdown-body h6 {
font-family: inherit !important;
color: inherit;
}
/* Make h1 and h2 the same size as h3. */
.mx_EventTile_content .markdown-body h1,
.mx_EventTile_content .markdown-body h2
{
.mx_EventTile_content .markdown-body h2 {
font-size: 1.5em;
border-bottom: none ! important; // override GFM
border-bottom: none !important; // override GFM
}
.mx_EventTile_content .markdown-body a {
@ -506,7 +501,7 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
}
.mx_EventTile_content .markdown-body .hljs {
display: inline ! important;
display: inline !important;
}
/*
@ -595,8 +590,8 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
}
.mx_EventTile_content .markdown-body {
p, ul, ol, dl, blockquote, pre, table {
margin-bottom: 4px; // 1/4 of the non-compact margin-bottom
}
p, ul, ol, dl, blockquote, pre, table {
margin-bottom: 4px; // 1/4 of the non-compact margin-bottom
}
}
}

View file

@ -55,7 +55,7 @@ limitations under the License.
cursor: pointer;
}
.mx_JumpToBottomButton_scrollDown:before {
.mx_JumpToBottomButton_scrollDown::before {
content: "";
position: absolute;
top: 0;

View file

@ -126,7 +126,7 @@ limitations under the License.
}
.mx_MemberInfo_createRoom_label {
width: initial ! important;
width: initial !important;
cursor: pointer;
}

View file

@ -88,7 +88,7 @@ limitations under the License.
}
.mx_MemberList_invite.mx_AccessibleButton_disabled {
background-color: $greyed-fg-color;;
background-color: $greyed-fg-color;
cursor: not-allowed;
}
@ -97,5 +97,4 @@ limitations under the License.
background-repeat: no-repeat;
background-position: center left;
padding-left: 25px;
}

View file

@ -122,16 +122,15 @@ limitations under the License.
// FIXME: rather unpleasant hack to get rid of <p/> margins.
// really we should be mixing in markdown-body from gfm.css instead
.mx_MessageComposer_editor > :first-child {
margin-top: 0 ! important;
margin-top: 0 !important;
}
.mx_MessageComposer_editor > :last-child {
margin-bottom: 0 ! important;
margin-bottom: 0 !important;
}
@keyframes visualbell
{
from { background-color: #faa }
to { background-color: $primary-bg-color }
@keyframes visualbell {
from { background-color: #faa; }
to { background-color: $primary-bg-color; }
}
.mx_MessageComposer_input_error {

View file

@ -74,4 +74,4 @@ limitations under the License.
position: relative;
top: 0;
left: 0;
}
}

View file

@ -17,4 +17,4 @@ limitations under the License.
.mx_PresenceLabel {
font-size: 11px;
opacity: 0.5;
}
}

View file

@ -24,7 +24,7 @@ limitations under the License.
border-bottom: none;
border-radius: 4px 4px 0 0;
max-height: 50vh;
overflow: auto
overflow: auto;
}
.mx_ReplyPreview_section {

View file

@ -107,7 +107,7 @@ limitations under the License.
}
.mx_RoomHeader_settingsHint {
color: $settings-grey-fg-color ! important;
color: $settings-grey-fg-color !important;
}
.mx_RoomHeader_searchStatus {
@ -134,17 +134,17 @@ limitations under the License.
}
.mx_RoomHeader_placeholder {
color: $settings-grey-fg-color ! important;
color: $settings-grey-fg-color !important;
}
.mx_RoomHeader_editable {
border-bottom: 1px solid $strong-input-border-color ! important;
border-bottom: 1px solid $strong-input-border-color !important;
min-width: 150px;
cursor: text;
}
.mx_RoomHeader_editable:focus {
border-bottom: 1px solid $accent-color ! important;
border-bottom: 1px solid $accent-color !important;
outline: none;
box-shadow: none;
}

View file

@ -32,7 +32,7 @@ limitations under the License.
}
/* hide resize handles next to collapsed / empty sublists */
.mx_RoomList .mx_RoomSubList:not(.mx_RoomSubList_nonEmpty) + .mx_ResizeHandle {
.mx_RoomList .mx_RoomSubList:not(.mx_RoomSubList_nonEmpty) + .mx_ResizeHandle {
display: none;
}

View file

@ -80,7 +80,7 @@ limitations under the License.
flex-direction: row;
padding: 3px 8px;
&>* {
& > * {
margin-left: 12px;
}
}
@ -91,7 +91,7 @@ limitations under the License.
display: flex;
flex-direction: column;
&>* {
& > * {
margin: 4px;
}
}
@ -109,7 +109,7 @@ limitations under the License.
.mx_RoomPreviewBar_message {
flex-direction: column;
&>* {
& > * {
margin: 5px 0 20px 0;
}
}
@ -120,7 +120,7 @@ limitations under the License.
padding: 7px 50px;//extra wide
}
&>* {
& > * {
margin-top: 12px;
}
}

View file

@ -150,8 +150,7 @@ limitations under the License.
}
.mx_RoomTile_highlight .mx_RoomTile_badge,
.mx_RoomTile_badge.mx_RoomTile_badgeRed
{
.mx_RoomTile_badge.mx_RoomTile_badgeRed {
background-color: $warning-color;
}

View file

@ -24,7 +24,7 @@ limitations under the License.
width: 38px;
}
.mx_TopUnreadMessagesBar:after {
.mx_TopUnreadMessagesBar::after {
content: "·";
position: absolute;
top: -8px;
@ -49,7 +49,7 @@ limitations under the License.
cursor: pointer;
}
.mx_TopUnreadMessagesBar_scrollUp:before {
.mx_TopUnreadMessagesBar_scrollUp::before {
content: "";
position: absolute;
width: 38px;