Allow counter inside a to be clickable
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
4d2a7fe32e
commit
d85781d5f4
1 changed files with 36 additions and 29 deletions
|
@ -122,7 +122,8 @@ kbd {
|
||||||
background-size: 16px 16px;
|
background-size: 16px 16px;
|
||||||
background-position: 14px center;
|
background-position: 14px center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
display: block;
|
display: inline-flex;
|
||||||
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
line-height: 44px;
|
line-height: 44px;
|
||||||
min-height: 44px;
|
min-height: 44px;
|
||||||
|
@ -142,6 +143,10 @@ kbd {
|
||||||
&[class*='icon-'] {
|
&[class*='icon-'] {
|
||||||
padding-left: 44px;
|
padding-left: 44px;
|
||||||
}
|
}
|
||||||
|
/* Counter can also be inside the link */
|
||||||
|
.app-navigation-entry-utils-counter {
|
||||||
|
padding-right: 0 !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
> {
|
> {
|
||||||
|
@ -294,38 +299,40 @@ kbd {
|
||||||
width: 44px !important;
|
width: 44px !important;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.app-navigation-entry-utils button {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
.app-navigation-entry-utils-menu-button {
|
|
||||||
button {
|
button {
|
||||||
border: 0;
|
height: 100%;
|
||||||
opacity: .5;
|
width: 100%;
|
||||||
background-color: transparent;
|
margin: 0;
|
||||||
background-repeat: no-repeat;
|
box-shadow: none;
|
||||||
background-position: center;
|
|
||||||
background-image: url('../img/actions/more.svg?v=1');
|
|
||||||
}
|
}
|
||||||
&:hover button,
|
.app-navigation-entry-utils-menu-button {
|
||||||
&:focus button {
|
button {
|
||||||
background-color: transparent;
|
border: 0;
|
||||||
opacity: 1;
|
opacity: .5;
|
||||||
|
background-color: transparent;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-image: url('../img/actions/more.svg?v=1');
|
||||||
|
}
|
||||||
|
&:hover button,
|
||||||
|
&:focus button {
|
||||||
|
background-color: transparent;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.app-navigation-entry-utils-counter {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: hidden;
|
||||||
|
text-align: right;
|
||||||
|
font-size: 9pt;
|
||||||
|
width: 38px;
|
||||||
|
line-height: 44px;
|
||||||
|
padding: 0 12px; /* Same padding as all li > a in the app-navigation */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-navigation-entry-utils-counter {
|
|
||||||
overflow: hidden;
|
.app-navigation-entry-utils ul,
|
||||||
text-overflow: hidden;
|
.app-navigation-entry-menu ul {
|
||||||
text-align: right;
|
|
||||||
font-size: 9pt;
|
|
||||||
width: 38px;
|
|
||||||
line-height: 44px;
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
.app-navigation-entry-utils ul, .app-navigation-entry-menu ul {
|
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue