Tweak to upper menu

Changed "save" to "export" for clarity
This commit is contained in:
Emilia Allison 2023-06-05 14:52:51 -04:00
parent 44574db301
commit 3bd3873043
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
2 changed files with 12 additions and 8 deletions

View File

@ -14,17 +14,15 @@ div.upper_menu {
margin-right: 2px;
position: relative;
height: $menu-height;
display: flex;
flex-direction: column;
outline: 1px solid $color-dark;
button {
vertical-align: top;
border: none;
padding: 0;
padding: 0px 0.4em 0px 0.4em;
margin: 0;
cursor: pointer;
font-size: calc($menu-height*0.7);
@ -34,13 +32,19 @@ div.upper_menu {
visibility: hidden;
}
*:first-child {
outline: 1px solid $color-dark;
visibility: visible;
}
&:hover * {
visibility: visible;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
&:hover {
outline: 2px solid $color-dark;
z-index: 2;
* {
visibility: visible;
outline: 1px solid $color-dark;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
z-index: 1;
}
}
}
}

View File

@ -97,7 +97,7 @@ pub fn MainWindow() -> Html {
<div class="dropdown">
<button>{"File"}</button>
<button onclick={new_button_callback}>{"New"}</button>
<button onclick={save_button_callback}>{"Save"}</button>
<button onclick={save_button_callback}>{"Export"}</button>
</div>
</div>
<div class="main_container">