pedf
/
spolky
Archived
1
0
Fork 0

improve menu

master
Lukáš Hozda 4 years ago
parent ba0569a3b4
commit 1db910446b

@ -33,13 +33,16 @@
font-size: 0.5em; font-size: 0.5em;
transition: .2s ease; transition: .2s ease;
} }
/*.label:hover { .label2:hover {
border: solid 0.1em #d73648; border: solid 0.1em #d73648;
}*/ }
.labels:hover > *:not(:hover) {
font-size: 0.45em;
}
.label a { .label a {
color: #000; color: #000;
} }
label a:hover { .label2 a:hover {
color: #d73648; color: #d73648;
opacity: 1 !important; opacity: 1 !important;
} }
@ -213,22 +216,24 @@
<div id="plusko" on:mouseover="{spin}" on:mouseout="{unspin}" class:active="{clicked}" on:click="{clicked_fun}"><span style="height: 1em; width: 1em; text-align: center">+</span></div> <div id="plusko" on:mouseover="{spin}" on:mouseout="{unspin}" class:active="{clicked}" on:click="{clicked_fun}"><span style="height: 1em; width: 1em; text-align: center">+</span></div>
{#if clicked} {#if clicked}
<div class="label" id="predseda"> <div class="labels">
<div class="label label2" id="predseda">
<span><a href="/predseda">Předseda spolku</a></span> <span><a href="/predseda">Předseda spolku</a></span>
<div class="cross bottom-right"></div> <div class="cross bottom-right"></div>
</div> </div>
<div class="label" id="prebiram"> <div class="label label2" id="prebiram">
<span style="padding-left: 0.5em; padding-right: 0.5em"><a href="/prebiram">Přebírám spolek</a></span> <span style="padding-left: 0.5em; padding-right: 0.5em"><a href="/prebiram">Přebírám spolek</a></span>
<div class="cross bottom-left"></div> <div class="cross bottom-left"></div>
</div> </div>
<div class="label" id="zapojit"> <div class="label label2" id="zapojit">
<span><a href="/zapojit-se">Chci se zapojit</a></span> <span><a href="/zapojit-se">Chci se zapojit</a></span>
<div class="cross top-right"></div> <div class="cross top-right"></div>
</div> </div>
<div class="label" id="zalozit"> <div class="label label2" id="zalozit">
<span style="padding-left: 0.5em; padding-right: 0.5em"><a href="/zalozit">Chci založit spolek</a></span> <span style="padding-left: 0.5em; padding-right: 0.5em"><a href="/zalozit">Chci založit spolek</a></span>
<div class="cross top-left"></div> <div class="cross top-left"></div>
</div> </div>
</div>
{:else } {:else }
<span class="label" id="cinnosti">Činnosti ve spolcích</span> <span class="label" id="cinnosti">Činnosti ve spolcích</span>
{/if} {/if}