plate-tool/assets/scss/default_theme/components/_upper_menu.scss

@use "sass:color";
@use "../variables" as *;

div.upper_menu {
	position: absolute;
	top: 0px;
	left: 0px;

	$menu-height: min(2.5vh, 25px);
	height: $menu-height;
	padding-left: 1vw;

	div.dropdown {
		margin-right: 2px;

		position: relative;

		display: flex;
		flex-direction: column;


		button {
			vertical-align: top;
			border: none;
			padding: 0px 0.4em 0px 0.4em;
			margin: 0;
			cursor: pointer;
			font-size: calc($menu-height*0.7);
		}

		* {
			visibility: hidden;
		}
		*:first-child {
			outline: 1px solid $color-dark;
			visibility: visible;
		}

		&: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;
			}
		}
	}
}