diff options
author | maTh <1645099+math-GH@users.noreply.github.com> | 2025-03-22 23:31:08 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2025-03-22 23:31:08 +0100 |
commit | 0217c839793174bbbf928a9d78eead368ccf5fae (patch) | |
tree | d821dd9160c8b1c9220ae6b4483f5bc25068a375 | |
parent | 64bbb42553c925ebf7177945d048c18675188584 (diff) | |
download | freshrss-0217c839793174bbbf928a9d78eead368ccf5fae.tar.gz freshrss-0217c839793174bbbf928a9d78eead368ccf5fae.zip |
Themes: .btn padding + small adjustments (#7168)
Closes https://github.com/FreshRSS/FreshRSS/issues/6262
Changes proposed in this pull request:
- CSS: the search button was too big/not flexible enough for the height because of the padding
How to test the feature manually:
1. browser configuration: change the default font size from (`16`pt mostly) to `15` or `14`
2. go to subscription management -> `Subscription tools`
3. there should be no scroll bar (because the left hand side navigation is short and the content right hand side is short too)
Side effect: All buttons will be a bit smaller as before (because `px` -> `rem`) It should not be an issue at all
-rw-r--r-- | p/themes/Alternative-Dark/adark.css | 2 | ||||
-rw-r--r-- | p/themes/Alternative-Dark/adark.rtl.css | 2 | ||||
-rw-r--r-- | p/themes/Flat/flat.css | 4 | ||||
-rw-r--r-- | p/themes/Flat/flat.rtl.css | 4 | ||||
-rw-r--r-- | p/themes/Nord/nord.css | 5 | ||||
-rw-r--r-- | p/themes/Nord/nord.rtl.css | 5 | ||||
-rw-r--r-- | p/themes/Origine-compact/origine-compact.css | 2 | ||||
-rw-r--r-- | p/themes/Origine-compact/origine-compact.rtl.css | 2 | ||||
-rw-r--r-- | p/themes/Origine/origine.css | 2 | ||||
-rw-r--r-- | p/themes/Origine/origine.rtl.css | 2 | ||||
-rw-r--r-- | p/themes/Swage/swage.css | 2 | ||||
-rw-r--r-- | p/themes/Swage/swage.rtl.css | 2 | ||||
-rw-r--r-- | p/themes/Swage/swage.scss | 2 | ||||
-rw-r--r-- | p/themes/base-theme/base.css | 2 | ||||
-rw-r--r-- | p/themes/base-theme/base.rtl.css | 2 |
15 files changed, 19 insertions, 21 deletions
diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index bc507625b..48c84efe6 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -209,7 +209,7 @@ th { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background: var(--background-color-dark); color: var(--font-color-middle); font-size: 0.9rem; diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 1c611a6e0..c365ca220 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -209,7 +209,7 @@ th { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background: var(--background-color-dark); color: var(--font-color-middle); font-size: 0.9rem; diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 2241f5156..da055dff8 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -47,7 +47,7 @@ input, select, textarea { border-left-color: #ddd; border-radius: 5px; min-height: 25px; - line-height: 25px; + line-height: 1; vertical-align: middle; } @@ -174,7 +174,7 @@ th { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background: #3498db; color: #fff; font-size: 0.9rem; diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index d824c4e4a..b911f8f56 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -47,7 +47,7 @@ input, select, textarea { border-right-color: #ddd; border-radius: 5px; min-height: 25px; - line-height: 25px; + line-height: 1; vertical-align: middle; } @@ -174,7 +174,7 @@ th { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background: #3498db; color: #fff; font-size: 0.9rem; diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 907aa4dd9..9c2701e2b 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -131,7 +131,7 @@ input, select, textarea { border-radius: 6px; background-color: transparent; min-height: 25px; - line-height: 25px; + line-height: 1; vertical-align: middle; } @@ -207,7 +207,7 @@ table th, table td { /*=== Buttons */ .btn { margin: .3rem .6rem 0.3rem 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background: var(--accent-bg); color: var(--accent); font-size: 0.9rem; @@ -985,7 +985,6 @@ li.item.active { text-align: center; } -.header .configure .btn.dropdown-toggle, .nav_menu .btn { margin: .125rem; } diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index 6354afd73..138ad12bf 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -131,7 +131,7 @@ input, select, textarea { border-radius: 6px; background-color: transparent; min-height: 25px; - line-height: 25px; + line-height: 1; vertical-align: middle; } @@ -207,7 +207,7 @@ table th, table td { /*=== Buttons */ .btn { margin: .3rem 0 0.3rem .6rem; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background: var(--accent-bg); color: var(--accent); font-size: 0.9rem; @@ -985,7 +985,6 @@ li.item.active { text-align: center; } -.header .configure .btn.dropdown-toggle, .nav_menu .btn { margin: .125rem; } diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css index f1a68b1c1..5f56cb860 100644 --- a/p/themes/Origine-compact/origine-compact.css +++ b/p/themes/Origine-compact/origine-compact.css @@ -21,7 +21,7 @@ /*=== Buttons */ .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; min-height: 20px; line-height: 1.4; } diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css index ee299153b..579266a7f 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -21,7 +21,7 @@ /*=== Buttons */ .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; min-height: 20px; line-height: 1.4; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 1a48d9f04..55b92a2db 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -270,7 +270,7 @@ th { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background-image: linear-gradient(to bottom, var(--background-color-light-gradient1) 0%, var(--background-color-light-gradient2) 100%); color: var(--font-color-grey); font-size: 0.9rem; diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 7ee35795d..927b643b0 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -270,7 +270,7 @@ th { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background-image: linear-gradient(to bottom, var(--background-color-light-gradient1) 0%, var(--background-color-light-gradient2) 100%); color: var(--font-color-grey); font-size: 0.9rem; diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 60c20efe2..e5f5438e3 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -205,7 +205,7 @@ form th { } .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background-color: var(--color-background-nav); color: var(--color-text-light); font-size: 0.9rem; diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 5894f5698..6df04e580 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -205,7 +205,7 @@ form th { } .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background-color: var(--color-background-nav); color: var(--color-text-light); font-size: 0.9rem; diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index fe6d4d0a2..b55b48951 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -266,7 +266,7 @@ form { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; background-color: var(--color-background-nav); color: var(--color-text-light); font-size: 0.9rem; diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index b5d37c4f5..f778cb4d7 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -125,7 +125,7 @@ th { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; min-height: 25px; min-width: 15px; font-size: 0.9rem; diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index e2160a13f..e8d5db4cb 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -125,7 +125,7 @@ th { .btn { margin: 0; - padding: 5px 10px; + padding: 0.25rem 0.5rem; min-height: 25px; min-width: 15px; font-size: 0.9rem; |