pedf
/
spolky
Archived
1
0
Fork 0

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

master
Emil Miler 4 years ago
parent 60fd7689c3
commit d8d766cccc

@ -43,7 +43,7 @@
<section class="row" style="margin-top: 5vh"> <section class="row" style="margin-top: 5vh">
<div class="col-1"></div> <div class="col-1"></div>
<div class="col flexy-boi"> <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('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('hudba')}>Hudba</span>
<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('human')}>Humanitní</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; font-weight: bold;
cursor: pointer; cursor: pointer;
box-sizing: content-box; box-sizing: content-box;
padding: 6px 8px; padding: 2px 12px;
} }
.horizontal-menu a:hover, .horizontal-menu a:hover,
.horizontal-menu span:hover { .horizontal-menu span:hover {
border: solid 4px var(--color-primary); outline: solid 4px var(--color-primary);
opacity: 1 !important; opacity: 1 !important;
padding: 2px 4px;
color: var(--color-primary); color: var(--color-primary);
background-image: none;
} }
.horizontal-menu.no-underline span { .horizontal-menu.no-underline span {
text-decoration: none !important; text-decoration: none !important;
@ -299,6 +299,11 @@ canvas {
text-decoration: none; text-decoration: none;
margin-right: 2em; margin-right: 2em;
} }
.corner span {
background-image: url("/svg/zobacek.svg");
background-repeat: no-repeat;
background-position: left bottom;
}
.panel .btn .menu-btn { .panel .btn .menu-btn {
left: auto; left: auto;
top: auto; top: auto;

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