Browse Source

[spark] Restyled add snippet

Enrico Berti 10 years ago
parent
commit
e36f379
2 changed files with 13 additions and 8 deletions
  1. 2 2
      apps/spark/src/spark/templates/editor.mako
  2. 11 6
      apps/spark/static/css/spark.css

+ 2 - 2
apps/spark/src/spark/templates/editor.mako

@@ -254,8 +254,8 @@ ${ commonheader(_('Query'), app_name, user, "68px") | n,unicode }
 
       <h1 class="empty" data-bind="visible: snippets().length == 0">${ _('Add a snippet to start your new notebook') }</h1>
 
-      <div class="add-snippet pointer">
-        <div class="overlay pointer" data-bind="click: function(notebook, e){ if (!($(e.target).is('select'))){ newSnippet(); } }">
+      <div class="add-snippet pointer" data-bind="click: function(notebook, e){ if (!($(e.target).is('select'))){ newSnippet(); } }">
+        <div class="overlay pointer">
           <select data-bind="options: $root.availableSnippets, value: selectedSnippet, optionsText: 'name', optionsValue: 'type'" style="width: 115px">
           </select>
           <i class="fa fa-plus-circle fa-5x" title="${ _('Add a new snippet') }"></i>          

+ 11 - 6
apps/spark/static/css/spark.css

@@ -41,7 +41,6 @@
   margin-top: 60px;
   margin-bottom: 60px;
   background-color: #F1F1F1;
-  cursor: default;
 }
 
 .add-snippet .CodeMirror {
@@ -55,11 +54,17 @@
 }
 
 .add-snippet .overlay {
-  position: absolute;
-  margin-top: -60px;
   z-index: 300;
-  left: 50%;
-  margin-left: -60px;
+  margin-left: auto;
+  margin-right: auto;
+  width: 220px;
+  padding: 20px;
+}
+
+.add-snippet .overlay select {
+  float: left;
+  margin-top: 20px;
+  margin-right: 10px;
 }
 
 .add-snippet .overlay i {
@@ -67,7 +72,7 @@
   cursor: pointer;
 }
 
-.add-snippet .overlay i:hover {
+.add-snippet .overlay i:hover, .add-snippet:hover .overlay i {
   color: #666;
 }