diff options
| author | 2023-05-15 00:06:34 +0200 | |
|---|---|---|
| committer | 2023-05-15 00:06:34 +0200 | |
| commit | 360400b7230e14b4684bebb35ca9b68edf3d7e22 (patch) | |
| tree | 229851a63d41667567293b383c2720c7fb08ab0b /p | |
| parent | cd004cb97894c3d07c8ab209ab6ec3ce4b7f853b (diff) | |
CSS: refactor of a.btn (#5401)
Diffstat (limited to 'p')
29 files changed, 51 insertions, 203 deletions
diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 524721ab3..1dc79df79 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -203,7 +203,7 @@ form th { font-size: 0.9rem; border: 1px solid var(--border-color-middle); border-radius: 3px; - min-height: 37px; + min-height: 25px; min-width: 15px; line-height: 1.7; vertical-align: middle; @@ -211,10 +211,6 @@ form th { overflow: hidden; } -a.btn { - min-height: 25px; -} - .btn:hover { background: var(--background-color-hover); text-decoration: none; diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index a75638393..32d5a3c90 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -203,7 +203,7 @@ form th { font-size: 0.9rem; border: 1px solid var(--border-color-middle); border-radius: 3px; - min-height: 37px; + min-height: 25px; min-width: 15px; line-height: 1.7; vertical-align: middle; @@ -211,10 +211,6 @@ form th { overflow: hidden; } -a.btn { - min-height: 25px; -} - .btn:hover { background: var(--background-color-hover); text-decoration: none; diff --git a/p/themes/Ansum/_forms.scss b/p/themes/Ansum/_forms.scss index 3bdb30664..6662fb034 100644 --- a/p/themes/Ansum/_forms.scss +++ b/p/themes/Ansum/_forms.scss @@ -12,7 +12,7 @@ font-size: 1rem; border: none; border-radius: 5px; - min-height: 38px; + min-height: 25px; min-width: 15px; line-height: 25px; vertical-align: middle; @@ -51,11 +51,6 @@ } } -a.btn { - min-height: 25px; - line-height: 25px; -} - /*=== Forms */ legend { margin: 2rem 0 1rem 0; diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 06f241ef2..2ed88a4ea 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -66,7 +66,7 @@ font-size: 1rem; border: none; border-radius: 5px; - min-height: 38px; + min-height: 25px; min-width: 15px; line-height: 25px; vertical-align: middle; @@ -95,11 +95,6 @@ text-decoration: none; } -a.btn { - min-height: 25px; - line-height: 25px; -} - /*=== Forms */ legend { margin: 2rem 0 1rem 0; diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 76b7654a9..8ab09e918 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -66,7 +66,7 @@ font-size: 1rem; border: none; border-radius: 5px; - min-height: 38px; + min-height: 25px; min-width: 15px; line-height: 25px; vertical-align: middle; @@ -95,11 +95,6 @@ text-decoration: none; } -a.btn { - min-height: 25px; - line-height: 25px; -} - /*=== Forms */ legend { margin: 2rem 0 1rem 0; diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index c8449d74a..4cb12020b 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -164,7 +164,8 @@ button.as-link[disabled] { font-size: 0.9rem; border: solid 1px #ccc; border-radius: 4px; - min-height: 37px; + min-height: 25px; + line-height: 25px; min-width: 15px; text-shadow: 0px -1px rgba(255,255,255,0.08); vertical-align: middle; @@ -172,11 +173,6 @@ button.as-link[disabled] { overflow: hidden; } -a.btn { - min-height: 25px; - line-height: 25px; -} - .btn:hover { text-shadow: 0 0 2px #fff; text-decoration: none; diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index fcce87be4..415186dd0 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -164,7 +164,8 @@ button.as-link[disabled] { font-size: 0.9rem; border: solid 1px #ccc; border-radius: 4px; - min-height: 37px; + min-height: 25px; + line-height: 25px; min-width: 15px; text-shadow: 0px -1px rgba(255,255,255,0.08); vertical-align: middle; @@ -172,11 +173,6 @@ button.as-link[disabled] { overflow: hidden; } -a.btn { - min-height: 25px; - line-height: 25px; -} - .btn:hover { text-shadow: 0 0 2px #fff; text-decoration: none; diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 6c51ab583..409174a62 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -175,7 +175,7 @@ form th { border-bottom: 3px solid #2980b9; border-left-color: #2980b9; border-radius: 5px; - min-height: 38px; + min-height: 25px; min-width: 15px; line-height: 25px; vertical-align: middle; @@ -183,11 +183,6 @@ form th { overflow: hidden; } -a.btn { - min-height: 25px; - line-height: 25px; -} - .btn:hover { text-decoration: none; } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index e08106e88..656aa2018 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -175,7 +175,7 @@ form th { border-bottom: 3px solid #2980b9; border-right-color: #2980b9; border-radius: 5px; - min-height: 38px; + min-height: 25px; min-width: 15px; line-height: 25px; vertical-align: middle; @@ -183,11 +183,6 @@ form th { overflow: hidden; } -a.btn { - min-height: 25px; - line-height: 25px; -} - .btn:hover { text-decoration: none; } diff --git a/p/themes/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss index 977a70346..6da6f8ae1 100644 --- a/p/themes/Mapco/_forms.scss +++ b/p/themes/Mapco/_forms.scss @@ -12,7 +12,7 @@ font-size: 1rem; border: none; border-radius: 5px; - min-height: 38px; + min-height: 25px; min-width: 15px; line-height: 25px; vertical-align: middle; @@ -51,11 +51,6 @@ } } -a.btn { - min-height: 25px; - line-height: 25px; -} - /*=== Forms */ legend { margin: 2rem 0 1rem 0; diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 678f59e51..e41bdbdd4 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -66,7 +66,7 @@ font-size: 1rem; border: none; border-radius: 5px; - min-height: 38px; + min-height: 25px; min-width: 15px; line-height: 25px; vertical-align: middle; @@ -95,11 +95,6 @@ text-decoration: none; } -a.btn { - min-height: 25px; - line-height: 25px; -} - /*=== Forms */ legend { margin: 2rem 0 1rem 0; diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 5ea646d10..345e90ae0 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -66,7 +66,7 @@ font-size: 1rem; border: none; border-radius: 5px; - min-height: 38px; + min-height: 25px; min-width: 15px; line-height: 25px; vertical-align: middle; @@ -95,11 +95,6 @@ text-decoration: none; } -a.btn { - min-height: 25px; - line-height: 25px; -} - /*=== Forms */ legend { margin: 2rem 0 1rem 0; diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css index 90349b8c6..f5cca6a68 100644 --- a/p/themes/Nord/nord.css +++ b/p/themes/Nord/nord.css @@ -144,34 +144,25 @@ table td span { } /*=== Buttons */ -.btn, -a.btn { +.btn { margin: .3rem .3rem; + padding: 5px 10px; background: var(--accent-bg); color: var(--accent); + font-size: 0.9rem; border: none; border-radius: 5px; - text-decoration: none; transition: .4s; -} - -a.btn.active { - background-color: var(--accent-bg); - border: 1px solid var(--border); -} - -.btn { - padding: 5px 10px; - min-height: 37px; + min-height: 25px; min-width: 15px; - font-size: 0.9rem; vertical-align: middle; + line-height: 25px; } -a.btn { - min-height: 25px; - line-height: 25px; +.btn.active { + background-color: var(--accent-bg); + border: 1px solid var(--border); } .btn-important, #nav_menu_read_all .read_all, #actualize { diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css index 9799e1797..0d4ba28ef 100644 --- a/p/themes/Nord/nord.rtl.css +++ b/p/themes/Nord/nord.rtl.css @@ -144,34 +144,25 @@ table td span { } /*=== Buttons */ -.btn, -a.btn { +.btn { margin: .3rem .3rem; + padding: 5px 10px; background: var(--accent-bg); color: var(--accent); + font-size: 0.9rem; border: none; border-radius: 5px; - text-decoration: none; transition: .4s; -} - -a.btn.active { - background-color: var(--accent-bg); - border: 1px solid var(--border); -} - -.btn { - padding: 5px 10px; - min-height: 37px; + min-height: 25px; min-width: 15px; - font-size: 0.9rem; vertical-align: middle; + line-height: 25px; } -a.btn { - min-height: 25px; - line-height: 25px; +.btn.active { + background-color: var(--accent-bg); + border: 1px solid var(--border); } .btn-important, #nav_menu_read_all .read_all, #actualize { diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css index d94b09fb7..38ae932f5 100644 --- a/p/themes/Origine-compact/origine-compact.css +++ b/p/themes/Origine-compact/origine-compact.css @@ -22,12 +22,6 @@ .btn { margin: 0; padding: 5px 10px; - min-height: 32px; - line-height: 1.4; -} - -a.btn, -.stick .btn { 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 c98c5f6da..6dc83e3cc 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -22,12 +22,6 @@ .btn { margin: 0; padding: 5px 10px; - min-height: 32px; - line-height: 1.4; -} - -a.btn, -.stick .btn { min-height: 20px; line-height: 1.4; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index 288e4a7bf..6fcb9fb67 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -269,7 +269,7 @@ form th { border-right: 1px solid var(--border-color-shadow-side); border-bottom: 1px solid var(--border-color-shadow-side); border-radius: 3px; - min-height: 37px; + min-height: 25px; min-width: 15px; line-height: 1.7; vertical-align: middle; @@ -277,12 +277,6 @@ form th { overflow: hidden; } -a.btn, -.stick .btn { - min-height: 25px; - line-height: 1.7; -} - .btn:hover { background-image: none; background-color: var(--background-color-hover); @@ -353,9 +347,6 @@ a:hover .icon { .btn-attention:hover { background-image: linear-gradient(to bottom, var(--attention-background-color-gradient1-hover), var(--attention-background-color-gradient2-hover)); -} - -a.btn-attention:hover { color: var(--font-color-light); } diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 8bc9aa48e..3d0d7f306 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -269,7 +269,7 @@ form th { border-left: 1px solid var(--border-color-shadow-side); border-bottom: 1px solid var(--border-color-shadow-side); border-radius: 3px; - min-height: 37px; + min-height: 25px; min-width: 15px; line-height: 1.7; vertical-align: middle; @@ -277,12 +277,6 @@ form th { overflow: hidden; } -a.btn, -.stick .btn { - min-height: 25px; - line-height: 1.7; -} - .btn:hover { background-image: none; background-color: var(--background-color-hover); @@ -353,9 +347,6 @@ a:hover .icon { .btn-attention:hover { background-image: linear-gradient(to bottom, var(--attention-background-color-gradient1-hover), var(--attention-background-color-gradient2-hover)); -} - -a.btn-attention:hover { color: var(--font-color-light); } diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 16183a481..072f66cad 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -230,7 +230,7 @@ form th { font-size: 0.9rem; border: 1px solid var(--border-color-grey-dark); border-radius: 3px; - min-height: 29px; + min-height: 25px; min-width: 15px; line-height: 1.7; vertical-align: middle; @@ -238,11 +238,6 @@ form th { overflow: hidden; } -a.btn { - min-height: 25px; - line-height: 1.7; -} - .read_all.btn { height: 29px; } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 8469152a1..4562ae1f8 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -230,7 +230,7 @@ form th { font-size: 0.9rem; border: 1px solid var(--border-color-grey-dark); border-radius: 3px; - min-height: 29px; + min-height: 25px; min-width: 15px; line-height: 1.7; vertical-align: middle; @@ -238,11 +238,6 @@ form th { overflow: hidden; } -a.btn { - min-height: 25px; - line-height: 1.7; -} - .read_all.btn { height: 29px; } diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 2da9afe31..80ac8b2e1 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -162,19 +162,15 @@ button.as-link[disabled] { font-size: 0.9rem; border: solid 1px #ccc; border-radius: 4px; - min-height: 37px; + min-height: 25px; min-width: 15px; + line-height: 25px; text-shadow: 0px -1px rgba(255,255,255,0.08); vertical-align: middle; cursor: pointer; overflow: hidden; } -a.btn { - min-height: 25px; - line-height: 25px; -} - .btn:hover { text-shadow: 0 0 2px #fff; text-decoration: none; diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index 9ab4e9eb0..76b1a41f0 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -162,19 +162,15 @@ button.as-link[disabled] { font-size: 0.9rem; border: solid 1px #ccc; border-radius: 4px; - min-height: 37px; + min-height: 25px; min-width: 15px; + line-height: 25px; text-shadow: 0px -1px rgba(255,255,255,0.08); vertical-align: middle; cursor: pointer; overflow: hidden; } -a.btn { - min-height: 25px; - line-height: 25px; -} - .btn:hover { text-shadow: 0 0 2px #fff; text-decoration: none; diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 96f38aa87..5e27656aa 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -88,14 +88,6 @@ a { color: var(--color-text-nav); outline: none; } -a.btn { - min-height: 25px; - line-height: 1.5; - text-decoration: none; -} -a.btn .icon { - filter: brightness(3); -} a#btn-subscription { width: 76%; } @@ -218,11 +210,13 @@ form th { color: var(--color-text-light); font-size: 0.9rem; border: none; - min-height: 35px; + min-height: 25px; min-width: 15px; vertical-align: middle; cursor: pointer; overflow: hidden; + line-height: 1.5; + text-decoration: none; } .btn.active, .btn:active, .btn:hover { background-color: var(--color-background-nav-darker); diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 4d3e3a616..656136d59 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -88,14 +88,6 @@ a { color: var(--color-text-nav); outline: none; } -a.btn { - min-height: 25px; - line-height: 1.5; - text-decoration: none; -} -a.btn .icon { - filter: brightness(3); -} a#btn-subscription { width: 76%; } @@ -218,11 +210,13 @@ form th { color: var(--color-text-light); font-size: 0.9rem; border: none; - min-height: 35px; + min-height: 25px; min-width: 15px; vertical-align: middle; cursor: pointer; overflow: hidden; + line-height: 1.5; + text-decoration: none; } .btn.active, .btn:active, .btn:hover { background-color: var(--color-background-nav-darker); diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index 667203d99..3c4244dc1 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -107,16 +107,6 @@ a { color: var(--color-text-nav); outline: none; - &.btn { - min-height: 25px; - line-height: 1.5; - text-decoration: none; - - .icon { - filter: brightness(3); - } - } - &#btn-subscription { width: 76%; } @@ -280,11 +270,13 @@ form { color: var(--color-text-light); font-size: 0.9rem; border: none; - min-height: 35px; + min-height: 25px; min-width: 15px; vertical-align: middle; cursor: pointer; overflow: hidden; + line-height: 1.5; + text-decoration: none; &.active, &:active, diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css index 723eb7722..ebfe1728e 100644 --- a/p/themes/base-theme/base.css +++ b/p/themes/base-theme/base.css @@ -127,7 +127,7 @@ form th { margin: 0; padding: 5px 10px; display: inline-block; - min-height: 37px; + min-height: 25px; min-width: 15px; font-size: 0.9rem; line-height: 1.7; @@ -136,10 +136,6 @@ form th { overflow: hidden; } -a.btn { - min-height: 25px; -} - .btn:hover { text-decoration: none; } diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css index 4a3b7162c..423ee67e9 100644 --- a/p/themes/base-theme/base.rtl.css +++ b/p/themes/base-theme/base.rtl.css @@ -127,7 +127,7 @@ form th { margin: 0; padding: 5px 10px; display: inline-block; - min-height: 37px; + min-height: 25px; min-width: 15px; font-size: 0.9rem; line-height: 1.7; @@ -136,10 +136,6 @@ form th { overflow: hidden; } -a.btn { - min-height: 25px; -} - .btn:hover { text-decoration: none; } diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index ec293b975..ef5790298 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -465,8 +465,7 @@ td.numeric { display: inline-flex; } -.btn, -a.btn { +.btn { display: inline-block; cursor: pointer; overflow: hidden; diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index cc9ee8534..3e2c3f25a 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -465,8 +465,7 @@ td.numeric { display: inline-flex; } -.btn, -a.btn { +.btn { display: inline-block; cursor: pointer; overflow: hidden; |
