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
This commit is contained in:
maTh
2025-03-22 23:31:08 +01:00
committed by GitHub
parent 64bbb42553
commit 0217c83979
15 changed files with 19 additions and 21 deletions

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;
}

View File

@@ -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;
}

View File

@@ -21,7 +21,7 @@
/*=== Buttons */
.btn {
margin: 0;
padding: 5px 10px;
padding: 0.25rem 0.5rem;
min-height: 20px;
line-height: 1.4;
}

View File

@@ -21,7 +21,7 @@
/*=== Buttons */
.btn {
margin: 0;
padding: 5px 10px;
padding: 0.25rem 0.5rem;
min-height: 20px;
line-height: 1.4;
}

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;