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

View File

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