aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authormaTh <1645099+math-GH@users.noreply.github.com>2025-03-22 23:31:08 +0100
committerGitHub <noreply@github.com>2025-03-22 23:31:08 +0100
commit0217c839793174bbbf928a9d78eead368ccf5fae (patch)
treed821dd9160c8b1c9220ae6b4483f5bc25068a375
parent64bbb42553c925ebf7177945d048c18675188584 (diff)
downloadfreshrss-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.css2
-rw-r--r--p/themes/Alternative-Dark/adark.rtl.css2
-rw-r--r--p/themes/Flat/flat.css4
-rw-r--r--p/themes/Flat/flat.rtl.css4
-rw-r--r--p/themes/Nord/nord.css5
-rw-r--r--p/themes/Nord/nord.rtl.css5
-rw-r--r--p/themes/Origine-compact/origine-compact.css2
-rw-r--r--p/themes/Origine-compact/origine-compact.rtl.css2
-rw-r--r--p/themes/Origine/origine.css2
-rw-r--r--p/themes/Origine/origine.rtl.css2
-rw-r--r--p/themes/Swage/swage.css2
-rw-r--r--p/themes/Swage/swage.rtl.css2
-rw-r--r--p/themes/Swage/swage.scss2
-rw-r--r--p/themes/base-theme/base.css2
-rw-r--r--p/themes/base-theme/base.rtl.css2
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;