aboutsummaryrefslogtreecommitdiff
path: root/src/main/scala/reading/component/index/style/Menu.scala
diff options
context:
space:
mode:
Diffstat (limited to 'src/main/scala/reading/component/index/style/Menu.scala')
-rw-r--r--src/main/scala/reading/component/index/style/Menu.scala26
1 files changed, 22 insertions, 4 deletions
diff --git a/src/main/scala/reading/component/index/style/Menu.scala b/src/main/scala/reading/component/index/style/Menu.scala
index 12b0646..dd74039 100644
--- a/src/main/scala/reading/component/index/style/Menu.scala
+++ b/src/main/scala/reading/component/index/style/Menu.scala
@@ -10,9 +10,27 @@ object Menu extends StyleSheet.Inline {
val menu = style(
Media.mobile(display.none),
- color(C.white.value),
+ Media.desktop(
+ color(C.white.value),
+ position.relative,
+ width(280.px)
+ )
+ )
+
+ val background = style(
+ Media.desktop(
+ position.fixed,
+ width(280.px),
+ height(100.%%),
+ backgroundColor(C.englishWalnut.value),
+ boxShadow := "4px 0px 6px -1px rgba(0, 0, 0, 0.2)"
+ )
+ )
+
+ val content = style(
position.relative,
- width(280.px)
+ width(100.%%),
+ height(100.%%)
)
val header = style(
@@ -50,6 +68,8 @@ object Menu extends StyleSheet.Inline {
)
)
+ val empty = style()
+
val groups = style(
Media.mobile(
height :=! "calc(100% - 120px)",
@@ -57,8 +77,6 @@ object Menu extends StyleSheet.Inline {
)
)
- val filterGroup = style()
-
val filterTitle = style(
Commons.filter(),
minHeight(50.px),