mirror of
https://github.com/FreshRSS/FreshRSS.git
synced 2026-05-18 21:34:35 -04:00
CSS: refactor of a.btn (#5401)
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -465,8 +465,7 @@ td.numeric {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.btn,
|
||||
a.btn {
|
||||
.btn {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -465,8 +465,7 @@ td.numeric {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.btn,
|
||||
a.btn {
|
||||
.btn {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
|
||||
Reference in New Issue
Block a user