From c379d0f09f3055011702fbe7769a86bccb91fcb2 Mon Sep 17 00:00:00 2001
From: Torsten Ruger <torsten@villataika.fi>
Date: Wed, 18 Apr 2018 17:54:58 +0300
Subject: [PATCH] also make menu use percentages

somewhat responsive now
even it wont look good small
---
 assets/css/menu.css.sass | 51 +++++++++++++++++-----------------------
 lib/views/left_view.rb   |  6 +++--
 lib/views/object_view.rb |  2 +-
 3 files changed, 26 insertions(+), 33 deletions(-)

diff --git a/assets/css/menu.css.sass b/assets/css/menu.css.sass
index 79e2a2e..697f7a2 100644
--- a/assets/css/menu.css.sass
+++ b/assets/css/menu.css.sass
@@ -1,44 +1,35 @@
 body
 	font-family: arial, helvetica, serif
 
-
-#nav, #nav ul    /* all lists */
+#nav , #nav ul
 	padding: 0
 	margin: 0
 	list-style: none
 	float: left
-	width: 190px
+	width: 100%
 	border-radius: 8px
 	background: black
 	border: 2px solid #C3D46A
 
-
-#nav li    /* all list items */
-	position: relative
-	float: left
-	line-height: 1.25em
-	width: 180px
-
-
-#nav li ul    /* second-level lists */
-	position: absolute
-	left: -999em
-	margin-left: 185px
-	margin-top: -2.7em
-
-
-#nav li ul ul    /* third-and-above-level lists */
-	left: -999em
-
-
-#nav li a , li span
-	padding-left: 5px
-	width: 180px
-	display: block
-	text-decoration: none
-	background-color: black
-	border-radius: 7px
-
+#nav
+	li
+		position: relative
+		float: left
+		line-height: 1.25em
+		width: 99%
+		a , span
+			width: 99%
+			display: block
+			text-decoration: none
+			background-color: black
+			border-radius: 7px
+		ul
+			position: absolute
+			left: -999em
+			margin-left: 99%
+			margin-top: -2.7em
+			ul
+				left: -999em
 
 #nav li a:hover
 	color: white
diff --git a/lib/views/left_view.rb b/lib/views/left_view.rb
index 1176873..85ac90f 100644
--- a/lib/views/left_view.rb
+++ b/lib/views/left_view.rb
@@ -28,13 +28,14 @@ end
 
 class SelectView < ElementView
 
-  def initialize interpreter
+  def initialize( interpreter )
+    super
     @interpreter = interpreter
     @codes = nil
   end
 
   def draw
-    @element =  div("h4", "Code") << (list = div("ul.nav!"))
+    @element =  div("h4.select", "Code") << (list = div("ul.nav!"))
     list << (div("li.code_list") << div("a.selected" , "none selected"))
     selection_codes unless @codes
     @element << div("br")
@@ -47,6 +48,7 @@ class SelectView < ElementView
     @codes << @codes.first if @codes.length == 1  #otherwise unselectable
     @codes.each do |c|
       code = div("li") << div("a" , c )
+      code.style["z-index"] = 10
       code.on("click"){ select(c) }
       list <<  code
     end
diff --git a/lib/views/object_view.rb b/lib/views/object_view.rb
index 7bd5b94..4e91e8e 100644
--- a/lib/views/object_view.rb
+++ b/lib/views/object_view.rb
@@ -45,7 +45,7 @@ class ObjectView < ListView
   end
 
   def content_elements
-    fields = [ConstantView.new("li" , "---------------------------------")]
+    fields = [ConstantView.new("li" , "------------------------------")]
     object = @object
     if object and ! object.is_a?(String)
       object.get_instance_variables.each do |variable|