make connector dots smaller and lighter

diff --git a/Makefile b/Makefile
index 482d85b..6abf82c 100644 (file)
--- a/Makefile
+++ b/Makefile
@@ -10,8 +10,8 @@ index.js: main.coffee
        coffee -bc -o .coffee-tmp main.coffee && mv .coffee-tmp/main.js index.js
 
 index_min.js: wordlist_compressed.js index.js
        coffee -bc -o .coffee-tmp main.coffee && mv .coffee-tmp/main.js index.js
 
 index_min.js: wordlist_compressed.js index.js

-       cat /usr/share/javascript/jquery/jquery.min.js index.js > $@
-       #cat /usr/share/javascript/jquery/jquery.min.js index.js | uglifyjs -nc -o $@
+       #cat /usr/share/javascript/jquery/jquery.min.js index.js > $@
+       cat /usr/share/javascript/jquery/jquery.min.js index.js | uglifyjs -nc -o $@

 
 wordlist_min.js: wordlist_compressed.js index.js
        cat wordlist_compressed.js | uglifyjs -nc -o $@
 
 wordlist_min.js: wordlist_compressed.js index.js
        cat wordlist_compressed.js | uglifyjs -nc -o $@

diff --git a/main.coffee b/main.coffee
index 459f152..d571e13 100644 (file)
--- a/main.coffee
+++ b/main.coffee
@@ -636,26 +636,26 @@ show_definition = (word, type, definition, language) ->
        $definition_body.html html
 
 connector_width = 11
        $definition_body.html html
 
 connector_width = 11

-connector_radius = 5
+connector_radius = 4

 connector_slant = 12
 add_connector = (tile, horiz, vert) ->
        style = {}
        switch horiz
                when 'left'
 connector_slant = 12
 add_connector = (tile, horiz, vert) ->
        style = {}
        switch horiz
                when 'left'

-                       style.right = '100%'
+                       style.left = -9

                when 'mid'
                        style.left = 21 - connector_radius
                when 'right'
                when 'mid'
                        style.left = 21 - connector_radius
                when 'right'

-                       style.left = '100%'
+                       style.right = -9

        switch vert
                when 'top'
        switch vert
                when 'top'

-                       style.bottom = '100%'
+                       style.top = -9

                when 'up'
                        style.top = 21 - connector_radius - connector_slant
                when 'down'
                        style.top = 21 - connector_radius + connector_slant
                when 'bot'
                when 'up'
                        style.top = 21 - connector_radius - connector_slant
                when 'down'
                        style.top = 21 - connector_radius + connector_slant
                when 'bot'

-                       style.top = '100%'
+                       style.bottom = -9

        tile.connector = $("<div class=\"connector\"></div>").css style
        tile.dom.append tile.connector
 
        tile.connector = $("<div class=\"connector\"></div>").css style
        tile.dom.append tile.connector
 

diff --git a/style.less b/style.less
index 2c0c6b3..8817502 100644 (file)
--- a/style.less
+++ b/style.less
@@ -215,10 +215,10 @@ body {
 }
 .connector {
        position: absolute;
 }
 .connector {
        position: absolute;

-       height: 10px;
-       width: 10px;
-       background: #666;
-       border-radius: 10px;
+       height: 8px;
+       width: 8px;
+       background: #999;
+       border-radius: 8px;

 }
 #loading {
        position: absolute;
 }
 #loading {
        position: absolute;

@@ -226,83 +226,6 @@ body {
        right: 140px;
        font-size: 32px;
 }
        right: 140px;
        font-size: 32px;
 }

-.head {
-       margin-top: -4px;
-       height: 42px;
-       width: 42px;
-       position: relative;
-       border-radius: 13px;
-}
-.eye1, .eye2 {
-       width: 6px;
-       height: 6px;
-       border: 2px solid #a83;
-       border-radius: 9px;
-       background-color: white;
-       position: absolute;
-}
-.eye1 {
-       top: -8px;
-       right: -1px;
-       width: 5px;
-       border-width: 4px 4px 3px 4px;
-}
-.eye2 {
-       right: -9px;
-       top: 1px;
-       border-width: 3px 4px 4px 2px;
-}
-.tooth1, .tooth2, .tooth3, .tooth4 {
-       width: 6px;
-       height: 6px;
-       border: 2px solid #a83;
-       background-color: white;
-       position: absolute;
-}
-.tooth1 {
-       top: -2px;
-       left: 22px;
-       width: 7px;
-       border-width: 2px 0 2px 2px;
-}
-.tooth2 {
-       height: 7px;
-       top: 12px;
-       right: -3px;
-       border-width: 0 2px 2px 2px;
-}
-.pate {
-       position: absolute;
-       top: -2px;
-       right: -3px;
-       width: 12px;
-       height: 12px;
-       background: white;
-       border: 2px solid #a83;
-       border-radius: 0 13px 0 0;
-}
-.tooth3 {
-       width: 7px;
-       bottom: -3px;
-       left: 12px;
-       border-width: 2px 2px 2px 0;
-}
-.tooth4 {
-       height: 7px;
-       bottom: 11px;
-       left: -2px;
-       border-width: 2px 2px 0 2px;
-}
-.chin {
-       position: absolute;
-       bottom: -3px;
-       left: -2px;
-       width: 12px;
-       height: 12px;
-       background: white;
-       border: 2px solid #a83;
-       border-radius: 0 0 0 13px;
-}

 #definition_body {
        height: @tab-height - @tabtab-height;
        overflow: auto;
 #definition_body {
        height: @tab-height - @tabtab-height;
        overflow: auto;