dante-editor 0.0.15 → 0.1.0

data/app/assets/stylesheets/dante/_menu.scss

@@ -20,8 +20,8 @@
 
 
   // CARET
-  &:after,
-  &:before {
+  //&:before,
+  &:after {
     content: "";
     height: 0;
     width: 0;
@@ -31,14 +31,14 @@
     border: $menu-caret-size solid transparent;
     margin-left: -($menu-caret-size/2);
   }
+  //&:before {
+  //  border-top-color: $menu-border-color;
+  //  bottom: -($menu-caret-size*2);
+  //}
   &:after {
-    border-top-color: $menu-tone;
+    border-top-color: $menu-caret-color;
     bottom: -(($menu-caret-size*2)-1);
   }
-  &:before {
-    border-top-color: $menu-border-color;
-    bottom: -($menu-caret-size*2);
-  }
 
 }
 

data/app/assets/stylesheets/dante/_popover.scss

@@ -1,47 +1,129 @@
-.popover {
-  overflow: hidden;
-  position: absolute;
-  z-index: 900;
-  visibility: visible;
-  font-size: 12px;
-  text-align: center;
-  opacity: 0;
-  pointer-events: auto;
-  padding: 15px;
-
-  font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
-  letter-spacing: -0.02em;
-  font-weight: 400;
-  font-style: normal;
-  line-height: 1.4;
+// Base popover styles
+
+.dante-popover {
+  & {
+    overflow: hidden;
+    position: absolute;
+    z-index: 900;
+    visibility: visible;
+    font-size: 12px;
+    text-align: center;
+    pointer-events: auto;
+    padding: 15px;
+    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
+    letter-spacing: -0.02em;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 1.4;
+
+    opacity: 0;
+  }
   &.is-active {
     opacity: 1;
   }
+  .popover-inner {
+    background: #fff;
+    box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
+  }
+}
+
+.popover.is-active {
+  visibility: visible;
 }
 
 .popover-inner {
-  position: relative;
-  max-width: 280px;
-  border-radius: 4px;
-  padding: 8px;
+  & {
+    position: relative;
+    max-width: 300px;
+    border-radius: $menu-border-radius;
+    padding: 8px;
+  }
   a {
     color: inherit;
     text-decoration: none;
   }
 }
 
+
+
+// Defatul tooltip
+
 .popover--tooltip {
-  pointer-events: none;
+  & {
+    pointer-events: none;
+  }
+
+  .popover-inner {
+    // background-color: $menu-tone;
+    background: $menu-tone;
+    border-radius: 4px;
+    color: #fff;
+  }
+}
+
+
+
+// LINK tooltip
+
+.popover--Linktooltip {
+  & {
+    pointer-events: auto;
+    z-index: 300;
+    word-break: break-word;
+    word-wrap: break-word;
+  }
+  .popover-inner {
+    padding: 8px 10px;
+    font-size: 12px;
+  }
 }
 
-.popover--linkTooltip {
-  pointer-events: auto;
-  z-index: 300;
-  word-break: break-word;
-  word-wrap: break-word;
+
+
+// Align tooltip
+
+.popover--Aligntooltip {
+  .popover-inner {
+    padding: 0;
+    background: $menu-tone;
+    color: #fff;
+  }
 }
 
 
+// Align tooltip
+.popover--typeahead {
+  .popover-inner {
+    & {
+      position: relative;
+      padding: 14px;
+      border-radius: 4px;
+    }
+
+    ul{
+      padding-left: 0px;
+    }
+  }
+}
+
+
+// popover--typeahead
+// typeahead
+// typeahead--mention
+// popover--maxWidth360
+// popover--bottom
+
+.popover.popover--maxWidth360 .popover-inner {
+  max-width: 360px;
+}
+
+.popover:not(.popover--flexible) .popover-inner {
+  max-width: 280px;
+}
+
+
+
+
 /*
 .popover.is-withTransition {
   -webkit-transition:opacity 100ms ease;
@@ -55,80 +137,76 @@
 }
 */
 
-.popover-inner {
-  background-color: rgba(0,0,0,0.8);
-  color: #fff;
-}
 .popover-arrow {
   position: absolute;
 }
 .popover-arrow:after {
-  background-color: rgba(0,0,0,0.8);
+  background-color: $menu-tone;
 }
 
 .popover--top .popover-arrow,
 .popover--bottom .popover-arrow {
   left: 50%;
-  margin-left: -7px;
+  margin-left: -$tooltip-caret-size/2;
 }
 
 .popover--left .popover-arrow,
 .popover--right .popover-arrow {
   top: 50%;
-  margin-top: -7px;
+  margin-top: -$tooltip-caret-size/2;
 }
 
 .popover--top .popover-arrow {
-  bottom: 1px;
-  clip: rect(0 18px 18px 4px);
+  // bottom: 1px;
+  // clip: rect(0 18px 18px 4px);
 }
 
 .popover--right .popover-arrow {
   left: 1px;
-  clip: rect(-4px 14px 18px 0);
+  // clip: rect(-4px 14px 18px 0);
 }
 
 .popover--bottom .popover-arrow {
   top: 1px;
-  clip: rect(0 18px 14px -1px);
+  // clip: rect(0 18px 14px -1px);
 }
 
 .popover--left .popover-arrow {
   right: 1px;
-  clip: rect(-4px 14px 18px 0);
+  // clip: rect(-4px 14px 18px 0);
 }
 
 .popover-arrow:after {
   content: '';
   display: block;
-  width: 14px;
-  height: 14px;
+  width: $tooltip-caret-size;
+  height: $tooltip-caret-size;
 }
 
 .popover--top .popover-arrow:after {
   -webkit-transform: rotate(45deg) translate(-5px,-5px);
   -ms-transform: rotate(45deg) translate(-5px,-5px);
   transform: rotate(45deg) translate(-5px,-5px);
-  box-shadow: 1px 1px 1px -1px rgba(0,0,0,0.8);
+  box-shadow: 1px 1px 1px -1px $menu-tone;
 }
 
 .popover--right .popover-arrow:after {
   -webkit-transform: rotate(45deg) translate(6px,-6px);
   -ms-transform: rotate(45deg) translate(6px,-6px);
   transform: rotate(45deg) translate(6px,-6px);
-  box-shadow: -1px 1px 1px -1px rgba(0,0,0,0.8);
+  box-shadow: -1px 1px 1px -1px $menu-tone;
 }
 
 .popover--bottom .popover-arrow:after {
   -webkit-transform: rotate(45deg) translate(6px,6px);
   -ms-transform: rotate(45deg) translate(6px,6px);
   transform: rotate(45deg) translate(6px,6px);
-  box-shadow: -1px -1px 1px -1px rgba(0,0,0,0.44);
+  box-shadow: -1px -1px 1px -1px $menu-tone;
 }
 
 .popover--left .popover-arrow:after {
   -webkit-transform: rotate(45deg) translate(-6px,6px);
   -ms-transform: rotate(45deg) translate(-6px,6px);
   transform: rotate(45deg) translate(-6px,6px);
-  box-shadow: 1px -1px 1px -1px rgba(0,0,0,0.8);
+  box-shadow: 1px -1px 1px -1px $menu-tone;
 }

data/app/assets/stylesheets/dante/_utilities.scss

@@ -52,4 +52,8 @@
   border-top-color: rgba(0, 0, 0, .6);
   animation: spinner .6s linear infinite;
   -webkit-animation: spinner .6s linear infinite;
-}
+}
+
+.hidden {
+  display: none !important;
+}

data/app/assets/stylesheets/dante/_variables.scss

@@ -10,17 +10,19 @@ $active-color:                  #5BD974;
 
 $menu-tone:                     #333;
 $menu-factor:                   5%;
-$menu-background:               linear-gradient(to bottom, darken($menu-tone,$menu-factor), $menu-tone) repeat scroll 0 0 $menu-tone;
+$menu-background:               linear-gradient(to bottom, $menu-tone, darken($menu-tone,$menu-factor)) repeat scroll 0 0 $menu-tone;
 $menu-shadow:                   1px 2px 3px -2px #222;
-$menu-border-width:             1px;
+$menu-border-width:             0px;
 $menu-border-color:             darken($menu-tone,$menu-factor);
 $menu-border-radius:            5px;
 $menu-border:                   $menu-border-width solid $menu-border-color;
 $menu-color:                    #FFFFFF;
 $menu-color-active:             $active-color;
 $menu-caret-size:               8px;
+$menu-caret-color:              darken($menu-tone,$menu-factor);
 
-$menu-height:                   45px;
+
+$menu-height:                   42px;
 $menu-button-height:            $menu-height - ($menu-border-width * 2);
 
 $tooltip-color:                 black;
@@ -37,6 +39,8 @@ $tooltip-items:                 3;
 $tooltip-size:                  32px;
 $tooltip-line-height:           $tooltip-size;
 
+$tooltip-caret-size:            12px;
+
 // Add 1px on expanded tooltip to avoid colapsed buttons in FF
 $tooltip-size-expanded:         1 + ($tooltip-size + $tooltip-menu-spacing) + (($tooltip-size + $tooltip-button-spacing) * $tooltip-items);
 $tooltip-default-transition:    100ms border-color, 100ms color;

data/app/assets/stylesheets/dante.scss

@@ -14,5 +14,7 @@
 @import "dante/media";
 @import "dante/caption";
 @import "dante/needsorder";
+@import "dante/blame";
+
 
 @import "dante/debug";

data/config.rb

@@ -1,8 +1,4 @@
 
-compass_config do |config|
-  config.line_comments = false
-end
-
 class DistBuilder < Middleman::Extension
 
   def initialize(app, options_hash={}, &block)
@@ -62,6 +58,7 @@ set :fonts_dir, 'assets/fonts'
 set :markdown_engine, :kramdown
 
 page "/tests/*", :layout => "spec"
+page '/api/*', :content_type => 'application/json', layout: false
 
 sprockets.append_path File.join "#{root}", "bower_components"
 
@@ -77,6 +74,10 @@ configure :build do
   # Enable cache buster
   # activate :asset_hash
 
+  compass_config do |config|
+    config.line_comments = false
+  end
+
   activate :relative_assets
   set :relative_links, true
   activate :dist_builder