pedf
/
spolky
Archived
1
0
Fork 0

Zobáček v levém dolním rohu u položek v menu

master
Emil Miler 3 years ago
parent 60fd7689c3
commit d8d766cccc

@ -43,7 +43,7 @@
<section class="row" style="margin-top: 5vh">
<div class="col-1"></div>
<div class="col flexy-boi">
<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important;">
<div class="horizontal-menu corner no-underline" style="position: relative; text-decoration: none !important;">
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('all')}>Všechny</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('hudba')}>Hudba</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('human')}>Humanitní</span>

@ -129,14 +129,14 @@ canvas {
font-weight: bold;
cursor: pointer;
box-sizing: content-box;
padding: 6px 8px;
padding: 2px 12px;
}
.horizontal-menu a:hover,
.horizontal-menu span:hover {
border: solid 4px var(--color-primary);
outline: solid 4px var(--color-primary);
opacity: 1 !important;
padding: 2px 4px;
color: var(--color-primary);
background-image: none;
}
.horizontal-menu.no-underline span {
text-decoration: none !important;
@ -299,6 +299,11 @@ canvas {
text-decoration: none;
margin-right: 2em;
}
.corner span {
background-image: url("/svg/zobacek.svg");
background-repeat: no-repeat;
background-position: left bottom;
}
.panel .btn .menu-btn {
left: auto;
top: auto;

@ -125,12 +125,12 @@ body > canvas
font-weight: bold
cursor pointer
box-sizing: content-box
padding: 6px 8px
padding: 2px 12px
&:hover
border: solid 4px var(--color-primary)
outline: solid 4px var(--color-primary)
opacity: 1 !important
padding: 2px 4px
color: var(--color-primary)
background-image: none
&.no-underline span
text-decoration none !important
@ -279,6 +279,10 @@ body > canvas
text-decoration none
margin-right: 2em
.corner span
background-image: url("/svg/zobacek.svg")
background-repeat: no-repeat
background-position: left bottom
.panel .btn .menu-btn {
left: auto;