From b7667cfa5cdb9ef58cdc8205dfe4c974a06eb760 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Wed, 12 Aug 2015 14:45:07 -0400 Subject: [PATCH] Rework pointing / basic label for more accurate arrows --- src/definitions/elements/label.less | 28 +++++++++++++++++++++ src/themes/default/elements/label.variables | 8 ++++-- 2 files changed, 34 insertions(+), 2 deletions(-) diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less index 60f790f80..0ee3fc264 100755 --- a/src/definitions/elements/label.less +++ b/src/definitions/elements/label.less @@ -1171,6 +1171,34 @@ a.ui.basic.label:hover { left: auto; } +/* Basic Pointing */ + +/*--- Above ---*/ + +.ui.basic.pointing.label:before, +.ui.basic.pointing.above.label:before { + top: @basicPointingTriangleOffset; +} +/*--- Below ---*/ +.ui.basic.pointing.bottom.label:before, +.ui.basic.pointing.below.label:before { + top: auto; + margin-left: @basicPointingTriangleOffset; + bottom: @basicPointingTriangleOffset; +} +/*--- Left ---*/ +.ui.basic.pointing.left.label:before { + top: 50%; + margin-top: @basicPointingTriangleOffset; +} +/*--- Right ---*/ +.ui.basic.pointing.right.label:before { + top: 50%; + margin-top: @basicPointingTriangleOffset; + right: @basicPointingTriangleOffset; +} + + /*------------------ Floating Label -------------------*/ diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables index c8fa6857d..ea5dac754 100644 --- a/src/themes/default/elements/label.variables +++ b/src/themes/default/elements/label.variables @@ -218,14 +218,18 @@ /* Pointing */ @pointingBorderColor: inherit; +@pointingBorderWidth: @borderWidth; @pointingVerticalDistance: 1em; -@pointingTriangleSize: 0.6em; +@pointingTriangleSize: 0.6666em; @pointingHorizontalDistance: @pointingTriangleSize; -@pointingTriangleOffset: ~"calc("(-@pointingTriangleSize / 2)~" - "@borderWidth~")"; +@pointingTriangleOffset: -@pointingTriangleSize / 2; @pointingTriangleTransition: background @labelTransitionDuration @labelTransitionEasing; @pointingTriangleZIndex: 2; +/* Basic Pointing */ +@basicPointingTriangleOffset: ~"calc("(-@pointingTriangleSize / 2)~" - "@pointingBorderWidth~")"; + /* Floating */ @floatingTopOffset: -1em; @floatingLeftOffset: -1.5em;