From 5dbb352f0ec6af30df90d652caaaaa61fb29815d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jes=C3=BAs=20Espino?= Date: Tue, 27 Oct 2020 14:54:42 +0100 Subject: [PATCH] Fixing some styles, including submenu options --- webapp/src/components/viewHeader.scss | 2 +- webapp/src/widgets/menu/separatorOption.scss | 2 +- webapp/src/widgets/menu/subMenuOption.scss | 14 ++++++++++++++ 3 files changed, 16 insertions(+), 2 deletions(-) diff --git a/webapp/src/components/viewHeader.scss b/webapp/src/components/viewHeader.scss index 6c9aff919..7db70fe2d 100644 --- a/webapp/src/components/viewHeader.scss +++ b/webapp/src/components/viewHeader.scss @@ -3,7 +3,7 @@ display: flex; flex-direction: row; - border-bottom: solid 1px #cccccc; + border-bottom: solid 1px rgba(var(--main-fg), 0.16); margin-bottom: 10px; padding: 10px 10px; color: #909090; diff --git a/webapp/src/widgets/menu/separatorOption.scss b/webapp/src/widgets/menu/separatorOption.scss index fc9e82852..716667446 100644 --- a/webapp/src/widgets/menu/separatorOption.scss +++ b/webapp/src/widgets/menu/separatorOption.scss @@ -1,3 +1,3 @@ .MenuSeparator { - border-bottom: solid 1px #cccccc; + border-bottom: solid 1px rgba(var(--main-fg), 0.16); } diff --git a/webapp/src/widgets/menu/subMenuOption.scss b/webapp/src/widgets/menu/subMenuOption.scss index 5cde2c706..f6b62198e 100644 --- a/webapp/src/widgets/menu/subMenuOption.scss +++ b/webapp/src/widgets/menu/subMenuOption.scss @@ -1,4 +1,18 @@ .SubMenuOption { + position: relative; + + .SubMenu { + position: absolute; + z-index: 15; + min-width: 180px; + background-color: rgb(var(--main-bg)); + color: rgb(var(--main-fg)); + + border-radius: 3px; + box-shadow: rgba(var(--main-fg), 0.05) 0px 0px 0px 1px, rgba(var(--main-fg), 0.1) 0px 3px 6px, rgba(var(--main-fg), 0.2) 0px 9px 24px; + left: 100%; + } + .SubmenuTriangleIcon { float: 'right' }