mirror of
https://github.com/FreshRSS/FreshRSS.git
synced 2026-05-14 18:23:52 -04:00
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:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
/*=== Buttons */
|
||||
.btn {
|
||||
margin: 0;
|
||||
padding: 5px 10px;
|
||||
padding: 0.25rem 0.5rem;
|
||||
min-height: 20px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
/*=== Buttons */
|
||||
.btn {
|
||||
margin: 0;
|
||||
padding: 5px 10px;
|
||||
padding: 0.25rem 0.5rem;
|
||||
min-height: 20px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user