OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
res/css/_common.scss
View File

@ -209,25 +209,25 @@ textarea {
/* Expand thumbs on hoverover */ /* Expand thumbs on hoverover */
.gm-scrollbar { .gm-scrollbar {
border-radius: 5px ! important; border-radius: 5px !important;
} }
.gm-scrollbar.-vertical { .gm-scrollbar.-vertical {
width: 6px; width: 6px;
transition: width 120ms ease-out ! important; transition: width 120ms ease-out !important;
} }
.gm-scrollbar.-vertical:hover, .gm-scrollbar.-vertical:hover,
.gm-scrollbar.-vertical:active { .gm-scrollbar.-vertical:active {
width: 8px; width: 8px;
transition: width 120ms ease-out ! important; transition: width 120ms ease-out !important;
} }
.gm-scrollbar.-horizontal { .gm-scrollbar.-horizontal {
height: 6px; height: 6px;
transition: height 120ms ease-out ! important; transition: height 120ms ease-out !important;
} }
.gm-scrollbar.-horizontal:hover, .gm-scrollbar.-horizontal:hover,
.gm-scrollbar.-horizontal:active { .gm-scrollbar.-horizontal:active {
height: 8px; height: 8px;
transition: height 120ms ease-out ! important; transition: height 120ms ease-out !important;
} }
// These are magic constants which are excluded from tinting, to let themes // These are magic constants which are excluded from tinting, to let themes
@ -390,7 +390,7 @@ textarea {
// flip colours for the secondary ones // flip colours for the secondary ones
font-weight: 600; font-weight: 600;
border: 1px solid $accent-color ! important; border: 1px solid $accent-color !important;
color: $accent-color; color: $accent-color;
background-color: $button-secondary-bg-color; background-color: $button-secondary-bg-color;
} }
@ -407,7 +407,7 @@ textarea {
filter: brightness($focus-brightness); filter: brightness($focus-brightness);
} }
.mx_Dialog button.mx_Dialog_primary, .mx_Dialog input[type="submit"].mx_Dialog_primary { .mx_Dialog button.mx_Dialog_primary, .mx_Dialog input[type="submit"].mx_Dialog_primary {
color: $accent-fg-color; color: $accent-fg-color;
background-color: $accent-color; background-color: $accent-color;
min-width: 156px; min-width: 156px;

2
res/css/views/context_menus/_RoomTileContextMenu.scss
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 {

2
res/css/views/context_menus/_TagTileContextMenu.scss
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 {

1
res/css/views/context_menus/_TopLeftMenu.scss
View File

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

5
res/css/views/dialogs/_AddressPickerDialog.scss
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 {

49
res/css/views/dialogs/_DevtoolsDialog.scss
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);
} }
} }

2
res/css/views/dialogs/_GroupAddressPicker.scss
View File

@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_GroupAddressPicker_checkboxContainer{ .mx_GroupAddressPicker_checkboxContainer {
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
} }

8
res/css/views/dialogs/_RoomSettingsDialog.scss
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');
} }

16
res/css/views/dialogs/_UserSettingsDialog.scss
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');
} }

4
res/css/views/dialogs/keybackup/_CreateKeyBackupDialog.scss
View File

@ -20,8 +20,8 @@ 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 {

2
res/css/views/dialogs/keybackup/_KeyBackupFailedDialog.scss
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;

6
res/css/views/dialogs/keybackup/_RestoreKeyBackupDialog.scss
View File

@ -13,10 +13,10 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and See the License for the specific language governing permissions and
limitations under the License. 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,

2
res/css/views/directory/_NetworkDropdown.scss
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 {

6
res/css/views/elements/_AddressSelector.scss
View File

@ -20,9 +20,9 @@ limitations under the License.
width: 485px; width: 485px;
max-height: 116px; max-height: 116px;
overflow-y: auto; overflow-y: auto;
border-radius: 3px; border-radius: 3px;
background-color: $primary-bg-color; background-color: $primary-bg-color;
border: solid 1px $accent-color; border: solid 1px $accent-color;
cursor: pointer; cursor: pointer;
} }

4
res/css/views/elements/_ImageView.scss
View File

@ -128,8 +128,8 @@ limitations under the License.
} }
.mx_ImageView_link { .mx_ImageView_link {
color: $lightbox-fg-color ! important; color: $lightbox-fg-color !important;
text-decoration: none ! important; text-decoration: none !important;
} }
.mx_ImageView_button { .mx_ImageView_button {

6
res/css/views/elements/_RichText.scss
View File

@ -33,7 +33,7 @@
} }
.mx_UserPill_selected { .mx_UserPill_selected {
background-color: $accent-color ! important; background-color: $accent-color !important;
} }
/* More specific to override `.markdown-body a` color */ /* More specific to override `.markdown-body a` color */
@ -79,7 +79,7 @@
.mx_Markdown_ITALIC { .mx_Markdown_ITALIC {
font-style: italic; font-style: italic;
/* /*
// interestingly, *not* using the explicit italic font // interestingly, *not* using the explicit italic font
// variant seems yield better results. // variant seems yield better results.
@ -87,7 +87,7 @@
// https://github.com/google/fonts/issues/1726 // https://github.com/google/fonts/issues/1726
transform: skewX(-14deg); transform: skewX(-14deg);
display: inline-block; display: inline-block;
*/ */
} }
.mx_Markdown_CODE { .mx_Markdown_CODE {

2
res/css/views/elements/_Spinner.scss
View File

@ -25,4 +25,4 @@ limitations under the License.
.mx_MatrixChat_middlePanel .mx_Spinner { .mx_MatrixChat_middlePanel .mx_Spinner {
height: auto; height: auto;
} }

2
res/css/views/elements/_TextWithTooltip.scss
View File

@ -16,4 +16,4 @@ limitations under the License.
.mx_TextWithTooltip_tooltip { .mx_TextWithTooltip_tooltip {
display: none; display: none;
} }

4
res/css/views/elements/_Tooltip.scss
View File

@ -36,8 +36,8 @@ 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;
border-top: 6px solid transparent; border-top: 6px solid transparent;

7
res/css/views/globals/_MatrixToolbar.scss
View File

@ -44,10 +44,9 @@ 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;
} }

2
res/css/views/messages/_RoomAvatarEvent.scss
View File

@ -23,4 +23,4 @@ limitations under the License.
display: inline; display: inline;
position: relative; position: relative;
top: 5px; top: 5px;
} }

2
res/css/views/room_settings/_ColorSettings.scss
View File

@ -28,7 +28,7 @@ limitations under the License.
position: absolute; position: absolute;
left: 10px; left: 10px;
top: 4px; top: 4px;
cursor: default ! important; cursor: default !important;
} }
.mx_ColorSettings_roomColorPrimary { .mx_ColorSettings_roomColorPrimary {

16
res/css/views/rooms/_AppsDrawer.scss
View File

@ -198,7 +198,7 @@ $AppsDrawerBodyHeight: 273px;
border-radius: 2px; border-radius: 2px;
} }
.mx_AppTileBody{ .mx_AppTileBody {
height: $AppsDrawerBodyHeight; height: $AppsDrawerBodyHeight;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
@ -234,7 +234,7 @@ $AppsDrawerBodyHeight: 273px;
background-color: $lightbox-bg-color; background-color: $lightbox-bg-color;
border: 1px solid rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0);
width: 200px; 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; transition: 0.3s;
border-radius: 3px; border-radius: 3px;
margin: 5px; margin: 5px;
@ -248,7 +248,7 @@ $AppsDrawerBodyHeight: 273px;
.mx_AppIconTile:hover { .mx_AppIconTile:hover {
border: 1px solid $accent-color; 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 { .mx_AppIconTile_content {
@ -271,8 +271,8 @@ $AppsDrawerBodyHeight: 273px;
.mx_AppIconTile_image { .mx_AppIconTile_image {
padding: 10px; padding: 10px;
width: 75%; width: 75%;
max-width:100px; max-width: 100px;
max-height:100px; max-height: 100px;
width: auto; width: auto;
height: auto; height: auto;
} }
@ -361,11 +361,11 @@ 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; }
} }
.mx_AppLoading iframe { .mx_AppLoading iframe {
display: none; display: none;
} }

6
res/css/views/rooms/_Autocomplete.scss
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 {
@ -32,7 +32,7 @@
} }
.mx_Autocomplete_Completion_block * { .mx_Autocomplete_Completion_block * {
margin: 0 3px; margin: 0 3px;
} }
.mx_Autocomplete_Completion_pill { .mx_Autocomplete_Completion_pill {
@ -54,7 +54,7 @@
.mx_Autocomplete_Completion_title, .mx_Autocomplete_Completion_title,
.mx_Autocomplete_Completion_subtitle, .mx_Autocomplete_Completion_subtitle,
.mx_Autocomplete_Completion_description { .mx_Autocomplete_Completion_description {
/* Ellipsis for long names/subtitles/descriptions*/ /* Ellipsis for long names/subtitles/descriptions */
max-width: 150px; max-width: 150px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;

9
res/css/views/rooms/_EntityTile.scss
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;
} }

47
res/css/views/rooms/_EventTile.scss
View File

@ -122,8 +122,8 @@ limitations under the License.
/* HACK to override line-height which is already marked important elsewhere */ /* HACK to override line-height which is already marked important elsewhere */
.mx_EventTile_bigEmoji.mx_EventTile_bigEmoji { .mx_EventTile_bigEmoji.mx_EventTile_bigEmoji {
font-size: 48px ! important; font-size: 48px !important;
line-height: 57px ! important; line-height: 57px !important;
} }
/* this is used for the tile for the event which is selected via the URL. /* 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: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;
} }
@ -156,7 +155,7 @@ limitations under the License.
} }
.mx_EventTile_encrypting { .mx_EventTile_encrypting {
color: $event-encrypting-color ! important; color: $event-encrypting-color !important;
} }
.mx_EventTile_sending { .mx_EventTile_sending {
@ -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 {
@ -418,9 +417,9 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
/* Various markdown overrides */ /* Various markdown overrides */
.mx_EventTile_content .markdown-body { .mx_EventTile_content .markdown-body {
font-family: inherit ! important; font-family: inherit !important;
white-space: normal ! important; white-space: normal !important;
line-height: inherit ! important; line-height: inherit !important;
color: inherit; // inherit the colour from the dark or light theme by default (but not for code blocks) color: inherit; // inherit the colour from the dark or light theme by default (but not for code blocks)
font-size: 14px; font-size: 14px;
} }
@ -442,7 +441,7 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
.mx_EventTile_content .markdown-body { .mx_EventTile_content .markdown-body {
pre, code { pre, code {
font-family: $monospace-font-family ! important; font-family: $monospace-font-family !important;
// deliberate constants as we're behind an invert filter // deliberate constants as we're behind an invert filter
color: #333; color: #333;
} }
@ -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,19 +482,17 @@ 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;
} }
/* 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
} }
.mx_EventTile_content .markdown-body a { .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 { .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 { .mx_EventTile_content .markdown-body {
p, ul, ol, dl, blockquote, pre, table { p, ul, ol, dl, blockquote, pre, table {
margin-bottom: 4px; // 1/4 of the non-compact margin-bottom margin-bottom: 4px; // 1/4 of the non-compact margin-bottom
} }
} }
} }

2
res/css/views/rooms/_JumpToBottomButton.scss
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;

2
res/css/views/rooms/_MemberInfo.scss
View File

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

3
res/css/views/rooms/_MemberList.scss
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;
} }

11
res/css/views/rooms/_MessageComposer.scss
View File

@ -122,16 +122,15 @@ limitations under the License.
// FIXME: rather unpleasant hack to get rid of <p/> margins. // FIXME: rather unpleasant hack to get rid of <p/> margins.
// really we should be mixing in markdown-body from gfm.css instead // really we should be mixing in markdown-body from gfm.css instead
.mx_MessageComposer_editor > :first-child { .mx_MessageComposer_editor > :first-child {
margin-top: 0 ! important; margin-top: 0 !important;
} }
.mx_MessageComposer_editor > :last-child { .mx_MessageComposer_editor > :last-child {
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 {

2
res/css/views/rooms/_PinnedEventTile.scss
View File

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

2
res/css/views/rooms/_PresenceLabel.scss
View File

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

2
res/css/views/rooms/_ReplyPreview.scss
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 {

8
res/css/views/rooms/_RoomHeader.scss
View File

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

2
res/css/views/rooms/_RoomList.scss
View File

@ -32,7 +32,7 @@ limitations under the License.
} }
/* hide resize handles next to collapsed / empty sublists */ /* 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; display: none;
} }

8
res/css/views/rooms/_RoomPreviewBar.scss
View File

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

3
res/css/views/rooms/_RoomTile.scss
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;
} }

4
res/css/views/rooms/_TopUnreadMessagesBar.scss
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;

2
res/css/views/settings/_DevicesPanel.scss
View File

@ -48,4 +48,4 @@ limitations under the License.
.mx_DevicesPanel_myDevice { .mx_DevicesPanel_myDevice {
font-weight: bold; font-weight: bold;
} }

2
res/css/views/settings/_IntegrationsManager.scss
View File

@ -41,4 +41,4 @@ limitations under the License.
.mx_IntegrationsManager_error h3 { .mx_IntegrationsManager_error h3 {
color: $warning-color; color: $warning-color;
} }

8
res/css/views/settings/_Notifications.scss
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;
@ -93,4 +91,4 @@ limitations under the License.
color: white; color: white;
border: $warning-color; border: $warning-color;
background-color: $warning-color; background-color: $warning-color;
} }

4
res/css/views/settings/_ProfileSettings.scss
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;
} }

2
res/css/views/settings/tabs/_SettingsTab.scss
View File

@ -75,4 +75,4 @@ limitations under the License.
.mx_SettingsTab a { .mx_SettingsTab a {
color: $accent-color-alt; color: $accent-color-alt;
} }

2
res/css/views/settings/tabs/room/_RolesRoomSettingsTab.scss
View File

@ -21,4 +21,4 @@ limitations under the License.
.mx_RolesRoomSettingsTab_unbanBtn { .mx_RolesRoomSettingsTab_unbanBtn {
margin-right: 10px; margin-right: 10px;
margin-bottom: 5px; margin-bottom: 5px;
} }

2
res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.scss
View File

@ -31,4 +31,4 @@ limitations under the License.
.mx_SecurityRoomSettingsTab_encryptionSection { .mx_SecurityRoomSettingsTab_encryptionSection {
margin-bottom: 25px; margin-bottom: 25px;
} }

2
res/css/views/settings/tabs/user/_HelpUserSettingsTab.scss
View File

@ -21,4 +21,4 @@ limitations under the License.
.mx_HelpUserSettingsTab span.mx_AccessibleButton { .mx_HelpUserSettingsTab span.mx_AccessibleButton {
word-break: break-word; word-break: break-word;
} }

2
res/css/views/settings/tabs/user/_NotificationUserSettingsTab.scss
View File

@ -16,4 +16,4 @@ limitations under the License.
.mx_NotificationUserSettingsTab .mx_SettingsTab_heading { .mx_NotificationUserSettingsTab .mx_SettingsTab_heading {
margin-bottom: 10px; // Give some spacing between the title and the first elements margin-bottom: 10px; // Give some spacing between the title and the first elements
} }

2
res/css/views/settings/tabs/user/_SecurityUserSettingsTab.scss
View File

@ -54,4 +54,4 @@ limitations under the License.
.mx_SecurityUserSettingsTab_ignoredUser .mx_AccessibleButton { .mx_SecurityUserSettingsTab_ignoredUser .mx_AccessibleButton {
margin-right: 10px; margin-right: 10px;
} }

2
res/css/views/voip/_CallView.scss
View File

@ -22,4 +22,4 @@ limitations under the License.
padding: 6px; padding: 6px;
font-weight: bold; font-weight: bold;
font-size: 13px; font-size: 13px;
} }