sinatra-hexacta 0.9.2 → 0.9.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d01dba3c69595538af2e2f7eb23888854e7f285db8995952e86c5617447fa16e
-  data.tar.gz: d7e68c96d682075a32375af7239486e8f075e5de5dd3594f543857d41d3b874a
+  metadata.gz: 0b63ced983a9ed988a44fc0d9372b974311c161e6a62eda6c86c522ea57c65cd
+  data.tar.gz: c5b3afa56953ffcd4b32470a33f795e8b5f288aefec1c4e266153619c53b2fea
 SHA512:
-  metadata.gz: 8aa4f0b5cfbeafbd8b98eeb8a1c9f051324f8767b6ee7a5e9d1968d7b7c6173a7788df0dbe5b53523f7827f4acb90c4cb196ba227583c98572f6d668e0586dec
-  data.tar.gz: 5d79803b0860705b4d0289dd4cf1ea081574000e4d7afa7b90001ad901703310c87bd6a09decf333477b3981c69c1117b02fc83eee7b9387c2e2e8fdeff4c755
+  metadata.gz: 348e7dea6a1134c12bab47fa82e791b04b1943e26c9e87dc9c5f047a717af822b9e2dcda51d754bae367b3d1d8d44d058d7e223714c1818d44e6488836111bf2
+  data.tar.gz: bdb1f871698710ce3d72028c5b197538adf5779b88de7d111af9ff38755cdee9cb853e1ebc1796f1d2eb3c1e7239d55272a10f60a9e59a814433441d6b9b2c40

data/lib/sinatra/public/css/app.min.1.css

@@ -13894,6 +13894,22 @@ fieldset[disabled] .btn-inverse:active {
   bottom: 340px;
 }
 
+.footer-text :nth-child(7), .footer-btn :nth-child(7) {
+  bottom: 400px;
+}
+
+.footer-text :nth-child(8), .footer-btn :nth-child(8) {
+  bottom: 460px;
+}
+
+.footer-text :nth-child(9), .footer-btn :nth-child(9) {
+  bottom: 520px;
+}
+
+.footer-text :nth-child(10), .footer-btn :nth-child(10) {
+  bottom: 580px;
+}
+
 .footer-text .text {
   position: fixed;
   right: 100px;

data/lib/sinatra/views/menu/menu.slim

@@ -1,42 +1,68 @@
-.actions-menu.m-b-20
-  .btn-group.p-fixed style="border-radius: 5px;z-index:5;"
-    -for item in menu
-      -if item[:type] == 'dropdown'
-        .btn-group
-          a.btn.btn-default.dropdown-toggle.waves-effect.btn-icon-text aria-expanded="true" data-toggle="dropdown" type="button" 
-            i.zmdi class="zmdi-#{item[:icon]}"
-            | #{item[:text]}
-
-          ul.dropdown-menu role="menu" style="border-radius: 5px;"
-            -for subitem in item[:link]
-              -if subitem[:type] == 'link'
-                li
-                  a.btn-icon-text href="#{subitem[:link]}" target="#{subitem[:target]}"
-                    i.zmdi class="zmdi-#{subitem[:icon]}"
-                    | #{subitem[:text]}
-
-      -if item[:type] == 'link'
-        a.btn.btn-default.waves-effect.btn-icon-text type="button" href="#{item[:link]}" target="#{item[:target]}"
-          i.zmdi class="zmdi-#{item[:icon]}"
-          | #{item[:text]}
-
-      -if item[:type] == 'modal'
-        a.btn.btn-default.waves-effect.btn-icon-text type="button" data-toggle="modal" data-target="#{item[:link]}"
-          i.zmdi class="zmdi-#{item[:icon]}"
-          | #{item[:text]}
+.footer-text
+  a.text.btn.bgm-white.c-gray onclick='toggle_menu()' Menu
+
+.actions-menu.hidden
+  -for item in menu
+    -idx = menu.index(item)
+    -if item[:type] == 'link'
+      a.text.btn.bgm-white.c-gray type="button" href="#{item[:link]}" target="#{item[:target]}" style="bottom:#{50+idx*45}px;animation-duration: 0.#{idx+1}s" #{item[:text]}
+    -if item[:type] == 'modal'
+      a.text.btn.bgm-white.c-gray type="button" data-toggle="modal" data-target="#{item[:link]}" style="bottom:#{50+idx*45}px;animation-duration: 0.#{idx+1}s" #{item[:text]}
+
+.footer-btn
+  a.btn.btn-float.bgm-blue.m-btn.waves-effect.waves-circle.waves-float onclick='toggle_menu()'
+    i.zmdi.zmdi-menu
+
+.actions-menu.hidden
+  -for item in menu
+    -idx = menu.index(item)
+    -if item[:type] == 'link'
+      a.btn.btn-float.bgm-blue.m-btn.waves-effect.waves-circle.waves-float type="button" href="#{item[:link]}" target="#{item[:target]}" style="bottom:#{50+idx*45}px;animation-duration: 0.#{idx+1}s"
+        i.zmdi class="zmdi-#{item[:icon]}"
+
+    -if item[:type] == 'modal'
+      a.btn.btn-float.bgm-blue.m-btn.waves-effect.waves-circle.waves-float type="button" data-toggle="modal" data-target="#{item[:link]}" style="bottom:#{50+idx*45}px;animation-duration: 0.#{idx+1}s"
+        i.zmdi class="zmdi-#{item[:icon]}"
 
 
 css:
-  .actions-menu {
-    height: 38px;
+  .actions-menu .btn-float {
+    width: 40px;
+    height: 40px;
+    line-height : 30px !Important;
+    margin-right: 5px;
   }
-  .actions-menu a.btn {
-    padding: 10px;
-    border-radius: 5px;
-    border-left: 1px solid #eee;
+
+  .actions-menu .btn-float i {
+    font-size: 17px;
   }
 
-  .actions-menu a:hover {
-    background: #2196f3 !important;
-    color: white !important;
+  .actions-menu .text {
+    position: fixed;
+    right: 100px;
+    margin-bottom: 6px;
+    border-radius: 20px;
+    font-size: 8pt;
+    z-index: 9;
+  }
+
+javascript:
+  function toggle_menu() {
+    if ($(".actions-menu.hidden")[0]) {
+      show_menu();
+    } else {
+      hide_menu();
+    }
+  }
+  function hide_menu() {
+    $(".actions-menu a" ).removeClass('animated fadeInUp')
+    $(".actions-menu a" ).addClass('animated fadeOutDown');
+    setTimeout(function(){
+      $(".actions-menu" ).addClass("hidden");
+    }, 300);
+  }
+  function show_menu() {
+    $(".actions-menu a" ).removeClass('animated fadeOutDown')
+    $(".actions-menu a" ).addClass('animated fadeInUp');
+    $(".actions-menu" ).removeClass("hidden");
   }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sinatra-hexacta
 version: !ruby/object:Gem::Version
-  version: 0.9.2
+  version: 0.9.3
 platform: ruby
 authors:
 - Marco Zanger