imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Usability fixes for new room header (#11729)

Browse source 
* Usability fixes for new room header

* lintfix

* Apply padding to both heading and topic

* lintfix

* comment clarity

* Remove title attr
This commit is contained in:
Germain 2023-10-11 15:43:01 +01:00 • committed by GitHub
parent e5a3b6c390
commit ac32d45bcd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 76 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

1
res/themes/dark/css/_dark.pcss
View file

@ -54,6 +54,7 @@ $accent-1400: var(--cpd-color-green-1400);
/* ******************** */
$inverted-bg-color: var(--cpd-color-bg-action-primary-rest);
$header-panel-bg-color: var(--cpd-color-bg-subtle-secondary);
$header-panel-bg-hover: var(--cpd-color-gray-200);
/* ******************** */
/* Theme specific colors */

1
res/themes/legacy-dark/css/_legacy-dark.pcss
View file

@ -8,6 +8,7 @@ $bg-color: #181b21;
$base-color: #15171b;
$base-text-color: #edf3ff;
$header-panel-bg-color: #22262e;
$header-panel-bg-hover: var(--cpd-color-gray-200);
$header-panel-text-primary-color: #a1b2d1;
$header-panel-text-secondary-color: #c8c8cd;
$text-primary-color: #edf3ff;

1
res/themes/legacy-light/css/_legacy-light.pcss
View file

@ -16,6 +16,7 @@ $monospace-font-family: "Inconsolata", "Twemoji", "Apple Color Emoji", "Segoe UI
/* unified palette */
/* try to use these colors when possible */
$header-panel-bg-color: #f3f8fd;
$header-panel-bg-hover: var(--cpd-color-gray-200);
/* typical text (dark-on-white in light skin) */
$primary-fg-color: #2e2f32;

1
res/themes/light-custom/css/_custom.pcss
View file

@ -57,6 +57,7 @@ $dialog-backdrop-color: var(--sidebar-color-50pct);
/* --roomlist-background-color */
$header-panel-bg-color: var(--roomlist-background-color);
$header-panel-bg-hover: var(--cpd-color-gray-200);
$panel-gradient: var(--roomlist-background-color-0pct), var(--roomlist-background-color);
/* these were #f2f5f8 instead of #f3f8fd, but close enough */
$dark-panel-bg-color: var(--roomlist-background-color);

1
res/themes/light/css/_light.pcss
View file

@ -75,6 +75,7 @@ $accent-1400: var(--cpd-color-green-1400);
/* ******************** */
$inverted-bg-color: var(--cpd-color-bg-action-primary-rest);
$header-panel-bg-color: var(--cpd-color-bg-subtle-primary);
$header-panel-bg-hover: var(--cpd-color-gray-200);
/* ******************** */
/* Theme specific colors */