Auto-fix stylelint issues

These `stylelint` issues were autofixed by the tool itself and look sane to me.
pull/21833/head
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

@ -48,7 +48,7 @@ limitations under the License.
.mx_RoomTileContextMenu_tag_icon { .mx_RoomTileContextMenu_tag_icon {
padding-right: 8px; padding-right: 8px;
padding-left: 4px; padding-left: 4px;
display: inline-block display: inline-block;
} }
.mx_RoomTileContextMenu_tag_icon_set { .mx_RoomTileContextMenu_tag_icon_set {

View File

@ -33,7 +33,7 @@ limitations under the License.
.mx_TagTileContextMenu_item_icon { .mx_TagTileContextMenu_item_icon {
padding-right: 8px; padding-right: 8px;
padding-left: 4px; padding-left: 4px;
display: inline-block display: inline-block;
} }
.mx_TagTileContextMenu_separator { .mx_TagTileContextMenu_separator {

View File

@ -89,5 +89,4 @@ limitations under the License.
background-color: $menu-selected-color; background-color: $menu-selected-color;
} }
} }
} }

View File

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

View File

@ -45,13 +45,11 @@ limitations under the License.
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
.mx_DevTools_inputRow .mx_DevTools_inputRow {
{
display: table-row; display: table-row;
} }
.mx_DevTools_inputLabelCell .mx_DevTools_inputLabelCell {
{
display: table-cell; display: table-cell;
font-weight: bold; font-weight: bold;
padding-right: 24px; padding-right: 24px;
@ -62,8 +60,7 @@ limitations under the License.
width: 240px; width: 240px;
} }
.mx_DevTools_inputCell input .mx_DevTools_inputCell input {
{
display: inline-block; display: inline-block;
border: 0; border: 0;
border-bottom: 1px solid $input-underline-color; border-bottom: 1px solid $input-underline-color;
@ -95,11 +92,11 @@ limitations under the License.
// add default box-sizing for this scope // add default box-sizing for this scope
&, &,
&:after, &::after,
&:before, &::before,
& *, & *,
& *:after, & *::after,
& *:before, & *::before,
& + .mx_DevTools_tgl-btn { & + .mx_DevTools_tgl-btn {
box-sizing: border-box; box-sizing: border-box;
&::selection { &::selection {
@ -115,8 +112,8 @@ limitations under the License.
position: relative; position: relative;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
&:after, &::after,
&:before { &::before {
position: relative; position: relative;
display: block; display: block;
content: ""; content: "";
@ -124,16 +121,16 @@ limitations under the License.
height: 100%; height: 100%;
} }
&:after { &::after {
left: 0; left: 0;
} }
&:before { &::before {
display: none; display: none;
} }
} }
&:checked + .mx_DevTools_tgl-btn:after { &:checked + .mx_DevTools_tgl-btn::after {
left: 50%; left: 50%;
} }
} }
@ -144,8 +141,8 @@ limitations under the License.
transition: all .2s ease; transition: all .2s ease;
font-family: sans-serif; font-family: sans-serif;
perspective: 100px; perspective: 100px;
&:after, &::after,
&:before { &::before {
display: inline-block; display: inline-block;
transition: all .4s ease; transition: all .4s ease;
width: 100%; width: 100%;
@ -160,34 +157,34 @@ limitations under the License.
border-radius: 4px; border-radius: 4px;
} }
&:after { &::after {
content: attr(data-tg-on); content: attr(data-tg-on);
background: #02C66F; background: #02c66f;
transform: rotateY(-180deg); transform: rotateY(-180deg);
} }
&:before { &::before {
background: #FF3A19; background: #ff3a19;
content: attr(data-tg-off); content: attr(data-tg-off);
} }
&:active:before { &:active::before {
transform: rotateY(-20deg); transform: rotateY(-20deg);
} }
} }
&:checked + .mx_DevTools_tgl-btn { &:checked + .mx_DevTools_tgl-btn {
&:before { &::before {
transform: rotateY(180deg); transform: rotateY(180deg);
} }
&:after { &::after {
transform: rotateY(0); transform: rotateY(0);
left: 0; left: 0;
background: #7FC6A6; background: #7fc6a6;
} }
&:active:after { &:active::after {
transform: rotateY(20deg); transform: rotateY(20deg);
} }
} }

View File

@ -17,19 +17,19 @@ limitations under the License.
// ICONS // ICONS
// ========================================================== // ==========================================================
.mx_RoomSettingsDialog_settingsIcon:before { .mx_RoomSettingsDialog_settingsIcon::before {
mask-image: url('$(res)/img/feather-customised/settings.svg'); 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'); 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'); 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'); mask-image: url('$(res)/img/feather-customised/warning-triangle.svg');
} }

View File

@ -17,34 +17,34 @@ limitations under the License.
// ICONS // ICONS
// ========================================================== // ==========================================================
.mx_UserSettingsDialog_settingsIcon:before { .mx_UserSettingsDialog_settingsIcon::before {
mask-image: url('$(res)/img/feather-customised/settings.svg'); 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'); 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'); 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'); 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'); 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'); 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'); 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'); mask-image: url('$(res)/img/feather-customised/flair.svg');
} }

View File

@ -21,7 +21,7 @@ limitations under the License.
.mx_CreateKeyBackupDialog_primaryContainer { .mx_CreateKeyBackupDialog_primaryContainer {
/* FIXME: plinth colour in new theme(s). background-color: $accent-color; */ /* FIXME: plinth colour in new theme(s). background-color: $accent-color; */
padding: 20px padding: 20px;
} }
.mx_CreateKeyBackupDialog_primaryContainer::after { .mx_CreateKeyBackupDialog_primaryContainer::after {

View File

@ -23,7 +23,7 @@ limitations under the License.
padding-left: 45px; padding-left: 45px;
padding-bottom: 10px; padding-bottom: 10px;
&:before { &::before {
mask: url("$(res)/img/e2e/lock-warning-filled.svg"); mask: url("$(res)/img/e2e/lock-warning-filled.svg");
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: $primary-fg-color; background-color: $primary-fg-color;

View File

@ -16,7 +16,7 @@ limitations under the License.
.mx_RestoreKeyBackupDialog_primaryContainer { .mx_RestoreKeyBackupDialog_primaryContainer {
/* FIXME: plinth colour in new theme(s). background-color: $accent-color; */ /* FIXME: plinth colour in new theme(s). background-color: $accent-color; */
padding: 20px padding: 20px;
} }
.mx_RestoreKeyBackupDialog_passPhraseInput, .mx_RestoreKeyBackupDialog_passPhraseInput,

View File

@ -36,7 +36,7 @@ limitations under the License.
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 16px; top: 16px;
width: 0 width: 0;
} }
.mx_NetworkDropdown_networkoption { .mx_NetworkDropdown_networkoption {

View File

@ -36,7 +36,7 @@ limitations under the License.
border-bottom: 7px solid transparent; border-bottom: 7px solid transparent;
} }
.mx_Tooltip_chevron:after { .mx_Tooltip_chevron::after {
content: ''; content: '';
width: 0; width: 0;
height: 0; height: 0;

View File

@ -44,8 +44,7 @@ limitations under the License.
flex: 1; flex: 1;
} }
.mx_MatrixToolbar_link .mx_MatrixToolbar_link {
{
color: $accent-fg-color !important; color: $accent-fg-color !important;
text-decoration: underline !important; text-decoration: underline !important;
cursor: pointer; cursor: pointer;

View File

@ -361,8 +361,8 @@ form.mx_Custom_Widget_Form div {
} }
@keyframes mx_AppLoading_spinner_fadeIn_animation { @keyframes mx_AppLoading_spinner_fadeIn_animation {
from { opacity: 0 } from { opacity: 0; }
to { opacity: 1 } to { opacity: 1; }
} }

View File

@ -8,7 +8,7 @@
border-bottom: none; border-bottom: none;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
max-height: 50vh; max-height: 50vh;
overflow: auto overflow: auto;
} }
.mx_Autocomplete_ProviderSection { .mx_Autocomplete_ProviderSection {

View File

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

View File

@ -136,8 +136,7 @@ limitations under the License.
} }
.mx_EventTile:hover .mx_EventTile_line, .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; background-color: $event-selected-color;
} }
@ -189,7 +188,8 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
height: 22px; height: 22px;
width: 250px; width: 250px;
border-radius: 11px; border-radius: 11px;
background: repeating-linear-gradient( background:
repeating-linear-gradient(
-45deg, -45deg,
var(--lozenge-color), var(--lozenge-color),
var(--lozenge-color) 3px, var(--lozenge-color) 3px,
@ -200,8 +200,7 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
} }
.mx_EventTile_highlight, .mx_EventTile_highlight,
.mx_EventTile_highlight .markdown-body .mx_EventTile_highlight .markdown-body {
{
color: $event-highlight-fg-color; color: $event-highlight-fg-color;
.mx_EventTile_line { .mx_EventTile_line {
@ -470,13 +469,11 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
border: 1px solid transparent; 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 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; 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 h3,
.mx_EventTile_content .markdown-body h4, .mx_EventTile_content .markdown-body h4,
.mx_EventTile_content .markdown-body h5, .mx_EventTile_content .markdown-body h5,
.mx_EventTile_content .markdown-body h6 .mx_EventTile_content .markdown-body h6 {
{
font-family: inherit !important; font-family: inherit !important;
color: inherit; color: inherit;
} }
@ -494,8 +490,7 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
/* Make h1 and h2 the same size as h3. */ /* Make h1 and h2 the same size as h3. */
.mx_EventTile_content .markdown-body h1, .mx_EventTile_content .markdown-body h1,
.mx_EventTile_content .markdown-body h2 .mx_EventTile_content .markdown-body h2 {
{
font-size: 1.5em; font-size: 1.5em;
border-bottom: none !important; // override GFM border-bottom: none !important; // override GFM
} }

View File

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

View File

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

View File

@ -128,10 +128,9 @@ limitations under the License.
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
@keyframes visualbell @keyframes visualbell {
{ from { background-color: #faa; }
from { background-color: #faa } to { background-color: $primary-bg-color; }
to { background-color: $primary-bg-color }
} }
.mx_MessageComposer_input_error { .mx_MessageComposer_input_error {

View File

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

View File

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

View File

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

View File

@ -14,8 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_UserNotifSettings_tableRow .mx_UserNotifSettings_tableRow {
{
display: table-row; display: table-row;
} }
@ -26,8 +25,7 @@ limitations under the License.
width: 16px; width: 16px;
} }
.mx_UserNotifSettings_labelCell .mx_UserNotifSettings_labelCell {
{
padding-bottom: 8px; padding-bottom: 8px;
width: 400px; width: 400px;
display: table-cell; display: table-cell;

View File

@ -105,7 +105,7 @@ limitations under the License.
margin: auto; margin: auto;
} }
.mx_ProfileSettings_avatarOverlayImg:before { .mx_ProfileSettings_avatarOverlayImg::before {
background-color: $settings-profile-overlay-placeholder-fg-color; background-color: $settings-profile-overlay-placeholder-fg-color;
mask: url("$(res)/img/feather-customised/upload.svg"); mask: url("$(res)/img/feather-customised/upload.svg");
mask-repeat: no-repeat; mask-repeat: no-repeat;
@ -119,7 +119,7 @@ limitations under the License.
right: 0; 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; background-color: $settings-profile-overlay-fg-color !important;
} }