From 11ce45d6c638be62be95a0dbf6ad8b418925275d Mon Sep 17 00:00:00 2001 From: Christopher McCulloh Date: Tue, 17 Mar 2015 12:53:12 -0400 Subject: [PATCH] fixes tree caret alignement issues between firefox and chrome --- less/fuelux-override/tree.less | 15 ++++++--------- less/variables.less | 5 ----- 2 files changed, 6 insertions(+), 14 deletions(-) diff --git a/less/fuelux-override/tree.less b/less/fuelux-override/tree.less index 2db58e62..49b70cea 100644 --- a/less/fuelux-override/tree.less +++ b/less/fuelux-override/tree.less @@ -1,15 +1,14 @@ .tree-caret-sizes() { - width: @tree-caret-size; - height: @tree-caret-size; - top: 2px; + width: 1px;//this fixes weird FF/Chrome issues + height: 7px;//this fixes weird FF/Chrome issues + top: 3px; left: -6px; } .tree-caret() { background: none; border-color: none; - top: 0px; left: 0px; .fuelux-icon; .fuelux-icon-caret-right; @@ -18,11 +17,9 @@ border: 0px solid transparent; border-radius: 0; content: "" !important; - padding: 0; - padding-left: 0; - padding-right: 0; - background-position-x: 0px; - background-position-y: 0px; + padding: 12px 0 0;//has to be here instead of .tree-caret-sizes() because otherwise folder selection in FF messes up + background-position: 0px; + box-sizing: border-box; } diff --git a/less/variables.less b/less/variables.less index e75a648a..61b9f394 100644 --- a/less/variables.less +++ b/less/variables.less @@ -3,11 +3,6 @@ @form-elements-padding: unit(@form-elements-padding-value, px); -// TREE -@tree-caret-size-value: 13; -@tree-caret-size: unit(@tree-caret-size-value, px); - - // CHECKBOX @checkbox-width-value: 15; @checkbox-width: unit(@checkbox-width-value, px);