From 6343b91abf7fbad1cdd8b4648d1fc825d8e9b03c Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Thu, 13 Jun 2024 02:22:47 +0300 Subject: more scaling options --- src/panel.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/panel.scss') diff --git a/src/panel.scss b/src/panel.scss index 833e4208..7b38cca8 100644 --- a/src/panel.scss +++ b/src/panel.scss @@ -60,9 +60,9 @@ .panel-heading, .panel-footer { - --panel-heading-height-padding: 0.6em; - --__panel-heading-gap: 0.5em; - --__panel-heading-height: 3.2em; + --panel-heading-height-padding: calc(var(--panelHeaderSize) * 0.15); + --__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1); + --__panel-heading-height: var(--panelHeaderSize, 3.2em); --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0)); backdrop-filter: var(--__panel-backdrop-filter); -- cgit v1.2.3-70-g09d2 From a16e158216784071949f91074beca4b2e7382017 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 19 Jun 2024 22:16:31 +0300 Subject: better defaults, fonts scale with panel scale --- src/components/settings_modal/tabs/appearance_tab.vue | 4 ++-- src/modules/instance.js | 8 ++++---- src/panel.scss | 3 ++- 3 files changed, 8 insertions(+), 7 deletions(-) (limited to 'src/panel.scss') diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue index 75126df7..929853f4 100644 --- a/src/components/settings_modal/tabs/appearance_tab.vue +++ b/src/components/settings_modal/tabs/appearance_tab.vue @@ -62,7 +62,7 @@ path="navbarSize" step="0.1" :units="['px', 'rem']" - :reset-default="{ 'px': 64, 'rem': 3.5 }" + :reset-default="{ 'px': 55, 'rem': 3.5 }" > {{ $t('settings.navbar_size') }} @@ -73,7 +73,7 @@ path="panelHeaderSize" step="0.1" :units="['px', 'rem']" - :reset-default="{ 'px': 64, 'rem': 3.2 }" + :reset-default="{ 'px': 52, 'rem': 3.2 }" timed-apply-mode > {{ $t('settings.panel_header_size') }} diff --git a/src/modules/instance.js b/src/modules/instance.js index ecfa299f..30eaddf1 100644 --- a/src/modules/instance.js +++ b/src/modules/instance.js @@ -98,11 +98,11 @@ const defaultState = { sidebarRight: false, subjectLineBehavior: 'email', theme: 'pleroma-dark', - emojiReactionsScale: 1.0, + emojiReactionsScale: 0.5, textSize: '14px', - emojiSize: '2.2em', - navbarSize: '3.5em', - panelHeaderSize: '3.2em', + emojiSize: '2.2rem', + navbarSize: '3.5rem', + panelHeaderSize: '3.2rem', virtualScrolling: true, sensitiveByDefault: false, conversationDisplay: 'linear', diff --git a/src/panel.scss b/src/panel.scss index 7b38cca8..8a54338c 100644 --- a/src/panel.scss +++ b/src/panel.scss @@ -60,11 +60,12 @@ .panel-heading, .panel-footer { - --panel-heading-height-padding: calc(var(--panelHeaderSize) * 0.15); + --panel-heading-height-padding: calc(var(--panelHeaderSize) * 0.2); --__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1); --__panel-heading-height: var(--panelHeaderSize, 3.2em); --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0)); + font-size: calc(var(--panelHeaderSize) / 3.2); backdrop-filter: var(--__panel-backdrop-filter); position: relative; box-sizing: border-box; -- cgit v1.2.3-70-g09d2 From 59eb3e734a9dcb8376e46d6ce58249eefedfac7f Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 19 Jun 2024 22:52:42 +0300 Subject: fix panel height for anon visitors --- src/panel.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/panel.scss') diff --git a/src/panel.scss b/src/panel.scss index 8a54338c..6543465e 100644 --- a/src/panel.scss +++ b/src/panel.scss @@ -60,7 +60,7 @@ .panel-heading, .panel-footer { - --panel-heading-height-padding: calc(var(--panelHeaderSize) * 0.2); + --panel-heading-height-padding: calc(var(--panelHeaderSize, 3.2rem) * 0.2); --__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1); --__panel-heading-height: var(--panelHeaderSize, 3.2em); --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0)); -- cgit v1.2.3-70-g09d2 From 355bcc49b73a098b29901fe344a6364c3669d4e4 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Tue, 23 Jul 2024 21:46:22 +0300 Subject: increase gap in settings modal titlebar buttons --- src/panel.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/panel.scss') diff --git a/src/panel.scss b/src/panel.scss index 6543465e..45f41f20 100644 --- a/src/panel.scss +++ b/src/panel.scss @@ -61,7 +61,7 @@ .panel-heading, .panel-footer { --panel-heading-height-padding: calc(var(--panelHeaderSize, 3.2rem) * 0.2); - --__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1); + --__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1564); --__panel-heading-height: var(--panelHeaderSize, 3.2em); --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0)); -- cgit v1.2.3-70-g09d2 From 5a929db01078470a23ba7707adaebbb74108c1b5 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 24 Jul 2024 15:43:03 +0300 Subject: fixed lack of gap in panel headers --- src/App.scss | 1 + src/panel.scss | 6 +++--- 2 files changed, 4 insertions(+), 3 deletions(-) (limited to 'src/panel.scss') diff --git a/src/App.scss b/src/App.scss index 1145ded4..bd924487 100644 --- a/src/App.scss +++ b/src/App.scss @@ -6,6 +6,7 @@ --fontSize: 14px; --status-margin: 0.75em; --navbar-height: var(--navbarSize, 3.5rem); + --panel-header-height: var(--panelHeaderSize, 3.2rem); --post-line-height: 1.4; // Z-Index stuff --ZI_media_modal: 9000; diff --git a/src/panel.scss b/src/panel.scss index 45f41f20..e974e7f6 100644 --- a/src/panel.scss +++ b/src/panel.scss @@ -60,9 +60,9 @@ .panel-heading, .panel-footer { - --panel-heading-height-padding: calc(var(--panelHeaderSize, 3.2rem) * 0.2); - --__panel-heading-gap: calc(var(--panelHeaderSize) * 0.1564); - --__panel-heading-height: var(--panelHeaderSize, 3.2em); + --panel-heading-height-padding: calc(var(--panel-header-height) * 0.2); + --__panel-heading-gap: calc(var(--panel-header-height) * 0.1565); + --__panel-heading-height: var(--panel-header-height); --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding, 0)); font-size: calc(var(--panelHeaderSize) / 3.2); -- cgit v1.2.3-70-g09d2