Auto-fix stylelint issues

These `stylelint` issues were autofixed by the tool itself and look sane to me.
2019-07-09 18:15:10 +01:00 · 2019-07-09 18:15:10 +01:00 · dd2079bffc
commit dd2079bffc
parent 4ebba43873
49 changed files with 143 additions and 162 deletions
--- a/res/css/views/context_menus/_RoomTileContextMenu.scss
+++ b/res/css/views/context_menus/_RoomTileContextMenu.scss
@ -48,7 +48,7 @@ limitations under the License.
 .mx_RoomTileContextMenu_tag_icon {
    padding-right: 8px;
    padding-left: 4px;
-    display: inline-block
+    display: inline-block;
 }

 .mx_RoomTileContextMenu_tag_icon_set {
--- a/res/css/views/context_menus/_TagTileContextMenu.scss
+++ b/res/css/views/context_menus/_TagTileContextMenu.scss
@ -33,7 +33,7 @@ limitations under the License.
 .mx_TagTileContextMenu_item_icon {
    padding-right: 8px;
    padding-left: 4px;
-    display: inline-block
+    display: inline-block;
 }

 .mx_TagTileContextMenu_separator {
--- a/res/css/views/context_menus/_TopLeftMenu.scss
+++ b/res/css/views/context_menus/_TopLeftMenu.scss
@ -89,5 +89,4 @@ limitations under the License.
            background-color: $menu-selected-color;
        }
    }
-
 }
--- a/res/css/views/dialogs/_AddressPickerDialog.scss
+++ b/res/css/views/dialogs/_AddressPickerDialog.scss
@ -17,8 +17,7 @@ limitations under the License.

 /* Using a textarea for this element, to circumvent autofill */
 .mx_AddressPickerDialog_input,
-.mx_AddressPickerDialog_input:focus
-{
+.mx_AddressPickerDialog_input:focus {
    height: 26px;
    font-size: 14px;
    font-family: $font-family;
@ -36,7 +35,7 @@ limitations under the License.
 }

 .mx_AddressPickerDialog .mx_Dialog_content {
-    min-height: 50px
+    min-height: 50px;
 }

 .mx_AddressPickerDialog_inputContainer {
--- a/res/css/views/dialogs/_DevtoolsDialog.scss
+++ b/res/css/views/dialogs/_DevtoolsDialog.scss
@ -45,13 +45,11 @@ limitations under the License.
    border-bottom: 1px solid #e5e5e5;
 }

-.mx_DevTools_inputRow
-{
+.mx_DevTools_inputRow {
    display: table-row;
 }

-.mx_DevTools_inputLabelCell
-{
+.mx_DevTools_inputLabelCell {
    display: table-cell;
    font-weight: bold;
    padding-right: 24px;
@ -62,8 +60,7 @@ limitations under the License.
    width: 240px;
 }

-.mx_DevTools_inputCell input
-{
+.mx_DevTools_inputCell input {
    display: inline-block;
    border: 0;
    border-bottom: 1px solid $input-underline-color;
@ -95,11 +92,11 @@ limitations under the License.

    // add default box-sizing for this scope
    &,
-    &:after,
-    &:before,
+    &::after,
+    &::before,
    & *,
-    & *:after,
-    & *:before,
+    & *::after,
+    & *::before,
    & + .mx_DevTools_tgl-btn {
        box-sizing: border-box;
        &::selection {
@ -115,8 +112,8 @@ limitations under the License.
        position: relative;
        cursor: pointer;
        user-select: none;
-        &:after,
-        &:before {
+        &::after,
+        &::before {
            position: relative;
            display: block;
            content: "";
@ -124,16 +121,16 @@ limitations under the License.
            height: 100%;
        }

-        &:after {
+        &::after {
            left: 0;
        }

-        &:before {
+        &::before {
            display: none;
        }
    }

-    &:checked + .mx_DevTools_tgl-btn:after {
+    &:checked + .mx_DevTools_tgl-btn::after {
        left: 50%;
    }
 }
@ -144,8 +141,8 @@ limitations under the License.
        transition: all .2s ease;
        font-family: sans-serif;
        perspective: 100px;
-        &:after,
-        &:before {
+        &::after,
+        &::before {
            display: inline-block;
            transition: all .4s ease;
            width: 100%;
@ -160,34 +157,34 @@ limitations under the License.
            border-radius: 4px;
        }

-        &:after {
+        &::after {
            content: attr(data-tg-on);
-            background: #02C66F;
+            background: #02c66f;
            transform: rotateY(-180deg);
        }

-        &:before {
-            background: #FF3A19;
+        &::before {
+            background: #ff3a19;
            content: attr(data-tg-off);
        }

-        &:active:before {
+        &:active::before {
            transform: rotateY(-20deg);
        }
    }

    &:checked + .mx_DevTools_tgl-btn {
-        &:before {
+        &::before {
            transform: rotateY(180deg);
        }

-        &:after {
+        &::after {
            transform: rotateY(0);
            left: 0;
-            background: #7FC6A6;
+            background: #7fc6a6;
        }

-        &:active:after {
+        &:active::after {
            transform: rotateY(20deg);
        }
    }
--- a/res/css/views/dialogs/_RoomSettingsDialog.scss
+++ b/res/css/views/dialogs/_RoomSettingsDialog.scss
@ -17,19 +17,19 @@ limitations under the License.
 // ICONS
 // ==========================================================

-.mx_RoomSettingsDialog_settingsIcon:before {
+.mx_RoomSettingsDialog_settingsIcon::before {
    mask-image: url('$(res)/img/feather-customised/settings.svg');
 }

-.mx_RoomSettingsDialog_securityIcon:before {
+.mx_RoomSettingsDialog_securityIcon::before {
    mask-image: url('$(res)/img/feather-customised/lock.svg');
 }

-.mx_RoomSettingsDialog_rolesIcon:before {
+.mx_RoomSettingsDialog_rolesIcon::before {
    mask-image: url('$(res)/img/feather-customised/users-sm.svg');
 }

-.mx_RoomSettingsDialog_warningIcon:before {
+.mx_RoomSettingsDialog_warningIcon::before {
    mask-image: url('$(res)/img/feather-customised/warning-triangle.svg');
 }

--- a/res/css/views/dialogs/_UserSettingsDialog.scss
+++ b/res/css/views/dialogs/_UserSettingsDialog.scss
@ -17,34 +17,34 @@ limitations under the License.
 // ICONS
 // ==========================================================

-.mx_UserSettingsDialog_settingsIcon:before {
+.mx_UserSettingsDialog_settingsIcon::before {
    mask-image: url('$(res)/img/feather-customised/settings.svg');
 }

-.mx_UserSettingsDialog_voiceIcon:before {
+.mx_UserSettingsDialog_voiceIcon::before {
    mask-image: url('$(res)/img/feather-customised/phone.svg');
 }

-.mx_UserSettingsDialog_bellIcon:before {
+.mx_UserSettingsDialog_bellIcon::before {
    mask-image: url('$(res)/img/feather-customised/notifications.svg');
 }

-.mx_UserSettingsDialog_preferencesIcon:before {
+.mx_UserSettingsDialog_preferencesIcon::before {
    mask-image: url('$(res)/img/feather-customised/sliders.svg');
 }

-.mx_UserSettingsDialog_securityIcon:before {
+.mx_UserSettingsDialog_securityIcon::before {
    mask-image: url('$(res)/img/feather-customised/lock.svg');
 }

-.mx_UserSettingsDialog_helpIcon:before {
+.mx_UserSettingsDialog_helpIcon::before {
    mask-image: url('$(res)/img/feather-customised/help-circle.svg');
 }

-.mx_UserSettingsDialog_labsIcon:before {
+.mx_UserSettingsDialog_labsIcon::before {
    mask-image: url('$(res)/img/feather-customised/flag.svg');
 }

-.mx_UserSettingsDialog_flairIcon:before {
+.mx_UserSettingsDialog_flairIcon::before {
    mask-image: url('$(res)/img/feather-customised/flair.svg');
 }
--- a/res/css/views/dialogs/keybackup/_CreateKeyBackupDialog.scss
+++ b/res/css/views/dialogs/keybackup/_CreateKeyBackupDialog.scss
@ -21,7 +21,7 @@ limitations under the License.

 .mx_CreateKeyBackupDialog_primaryContainer {
    /* FIXME: plinth colour in new theme(s). background-color: $accent-color; */
-    padding: 20px
+    padding: 20px;
 }

 .mx_CreateKeyBackupDialog_primaryContainer::after {
--- a/res/css/views/dialogs/keybackup/_KeyBackupFailedDialog.scss
+++ b/res/css/views/dialogs/keybackup/_KeyBackupFailedDialog.scss
@ -23,7 +23,7 @@ limitations under the License.
    padding-left: 45px;
    padding-bottom: 10px;

-    &:before {
+    &::before {
        mask: url("$(res)/img/e2e/lock-warning-filled.svg");
        mask-repeat: no-repeat;
        background-color: $primary-fg-color;
--- a/res/css/views/dialogs/keybackup/_RestoreKeyBackupDialog.scss
+++ b/res/css/views/dialogs/keybackup/_RestoreKeyBackupDialog.scss
@ -16,7 +16,7 @@ limitations under the License.

 .mx_RestoreKeyBackupDialog_primaryContainer {
    /* FIXME: plinth colour in new theme(s). background-color: $accent-color; */
-    padding: 20px
+    padding: 20px;
 }

 .mx_RestoreKeyBackupDialog_passPhraseInput,
--- a/res/css/views/directory/_NetworkDropdown.scss
+++ b/res/css/views/directory/_NetworkDropdown.scss
@ -36,7 +36,7 @@ limitations under the License.
    position: absolute;
    right: 10px;
    top: 16px;
-    width: 0
+    width: 0;
 }

 .mx_NetworkDropdown_networkoption {
--- a/res/css/views/elements/_Tooltip.scss
+++ b/res/css/views/elements/_Tooltip.scss
@ -36,7 +36,7 @@ limitations under the License.
    border-bottom: 7px solid transparent;
 }

-.mx_Tooltip_chevron:after {
+.mx_Tooltip_chevron::after {
    content: '';
    width: 0;
    height: 0;
--- a/res/css/views/globals/_MatrixToolbar.scss
+++ b/res/css/views/globals/_MatrixToolbar.scss
@ -44,8 +44,7 @@ limitations under the License.
    flex: 1;
 }

-.mx_MatrixToolbar_link
-{
+.mx_MatrixToolbar_link {
    color: $accent-fg-color !important;
    text-decoration: underline !important;
    cursor: pointer;
--- a/res/css/views/rooms/_AppsDrawer.scss
+++ b/res/css/views/rooms/_AppsDrawer.scss
@ -361,8 +361,8 @@ form.mx_Custom_Widget_Form div {
 }

@keyframes mx_AppLoading_spinner_fadeIn_animation {
-    from { opacity: 0 }
-    to { opacity: 1 }
+    from { opacity: 0; }
+    to { opacity: 1; }
 }


--- a/res/css/views/rooms/_Autocomplete.scss
+++ b/res/css/views/rooms/_Autocomplete.scss
@ -8,7 +8,7 @@
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    max-height: 50vh;
-    overflow: auto
+    overflow: auto;
 }

 .mx_Autocomplete_ProviderSection {
--- a/res/css/views/rooms/_EntityTile.scss
+++ b/res/css/views/rooms/_EntityTile.scss
@ -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;
 }

--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@ -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;
 }

@ -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 {
@ -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,8 +482,7 @@ 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
-{
+.mx_EventTile_content .markdown-body h6 {
    font-family: inherit !important;
    color: inherit;
 }
@ -494,8 +490,7 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {

 /* 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
 }
--- a/res/css/views/rooms/_JumpToBottomButton.scss
+++ b/res/css/views/rooms/_JumpToBottomButton.scss
@ -55,7 +55,7 @@ limitations under the License.
    cursor: pointer;
 }

-.mx_JumpToBottomButton_scrollDown:before {
+.mx_JumpToBottomButton_scrollDown::before {
    content: "";
    position: absolute;
    top: 0;
--- a/res/css/views/rooms/_MemberList.scss
+++ b/res/css/views/rooms/_MemberList.scss
@ -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;
-
 }
--- a/res/css/views/rooms/_MessageComposer.scss
+++ b/res/css/views/rooms/_MessageComposer.scss
@ -128,10 +128,9 @@ limitations under the License.
    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 {
--- a/res/css/views/rooms/_ReplyPreview.scss
+++ b/res/css/views/rooms/_ReplyPreview.scss
@ -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 {
--- a/res/css/views/rooms/_RoomTile.scss
+++ b/res/css/views/rooms/_RoomTile.scss
@ -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;
 }

--- a/res/css/views/rooms/_TopUnreadMessagesBar.scss
+++ b/res/css/views/rooms/_TopUnreadMessagesBar.scss
@ -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;
--- a/res/css/views/settings/_Notifications.scss
+++ b/res/css/views/settings/_Notifications.scss
@ -14,8 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */

-.mx_UserNotifSettings_tableRow
-{
+.mx_UserNotifSettings_tableRow {
    display: table-row;
 }

@ -26,8 +25,7 @@ limitations under the License.
    width: 16px;
 }

-.mx_UserNotifSettings_labelCell
-{
+.mx_UserNotifSettings_labelCell {
    padding-bottom: 8px;
    width: 400px;
    display: table-cell;
--- a/res/css/views/settings/_ProfileSettings.scss
+++ b/res/css/views/settings/_ProfileSettings.scss
@ -105,7 +105,7 @@ limitations under the License.
    margin: auto;
 }

-.mx_ProfileSettings_avatarOverlayImg:before {
+.mx_ProfileSettings_avatarOverlayImg::before {
    background-color: $settings-profile-overlay-placeholder-fg-color;
    mask: url("$(res)/img/feather-customised/upload.svg");
    mask-repeat: no-repeat;
@ -119,7 +119,7 @@ limitations under the License.
    right: 0;
 }

-.mx_ProfileSettings_avatar:hover .mx_ProfileSettings_avatarOverlayImg:before {
+.mx_ProfileSettings_avatar:hover .mx_ProfileSettings_avatarOverlayImg::before {
    background-color: $settings-profile-overlay-fg-color !important;
 }