CSS: refactor of a.btn (#5401)

This commit is contained in:
maTh
2023-05-15 00:06:34 +02:00
committed by GitHub
parent cd004cb978
commit 360400b723
29 changed files with 51 additions and 203 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -144,36 +144,27 @@ 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;
min-height: 25px;
min-width: 15px;
vertical-align: middle;
line-height: 25px;
}
a.btn.active {
.btn.active {
background-color: var(--accent-bg);
border: 1px solid var(--border);
}
.btn {
padding: 5px 10px;
min-height: 37px;
min-width: 15px;
font-size: 0.9rem;
vertical-align: middle;
}
a.btn {
min-height: 25px;
line-height: 25px;
}
.btn-important, #nav_menu_read_all .read_all, #actualize {
font-weight: bold !important;
background-color: var(--accent) !important;

View File

@@ -144,36 +144,27 @@ 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;
min-height: 25px;
min-width: 15px;
vertical-align: middle;
line-height: 25px;
}
a.btn.active {
.btn.active {
background-color: var(--accent-bg);
border: 1px solid var(--border);
}
.btn {
padding: 5px 10px;
min-height: 37px;
min-width: 15px;
font-size: 0.9rem;
vertical-align: middle;
}
a.btn {
min-height: 25px;
line-height: 25px;
}
.btn-important, #nav_menu_read_all .read_all, #actualize {
font-weight: bold !important;
background-color: var(--accent) !important;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -465,8 +465,7 @@ td.numeric {
display: inline-flex;
}
.btn,
a.btn {
.btn {
display: inline-block;
cursor: pointer;
overflow: hidden;

View File

@@ -465,8 +465,7 @@ td.numeric {
display: inline-flex;
}
.btn,
a.btn {
.btn {
display: inline-block;
cursor: pointer;
overflow: hidden;