From 8dcb9b6a223281d689dafc459867cb55343292ed Mon Sep 17 00:00:00 2001 From: afc163 Date: Fri, 7 Oct 2016 14:50:53 +0800 Subject: [PATCH] Adjust Tooltip less variables --- components/style/themes/default.less | 31 +++++++++++++++++++--------- components/tooltip/style/index.less | 18 ---------------- 2 files changed, 21 insertions(+), 28 deletions(-) diff --git a/components/style/themes/default.less b/components/style/themes/default.less index 91bd226f15..9691ce95b7 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -144,29 +144,40 @@ @zindex-tooltip : 1060; // Form -// -------------------------------- -// Legend +// --- @legend-color : #999; @legend-border-color : @border-color-base; -// Label @label-required-color : #f50; @label-color : @text-color; -// Input -@input-height-base: 28px; -@input-height-lg: 32px; -@input-height-sm: 22px; +@form-item-margin-bottom : 24px; +// Input +// --- +@input-height-base : 28px; +@input-height-lg : 32px; +@input-height-sm : 22px; @input-padding-horizontal : 7px; @input-padding-vertical-base : 4px; @input-padding-vertical-sm : 1px; @input-padding-vertical-lg : 6px; - @input-placeholder-color : #ccc; @input-color : @text-color; @input-border-color : @border-color-base; @input-bg : #fff; - @input-hover-border-color : @primary-color; @input-disabled-bg : @background-color-base; -@form-item-margin-bottom : 24px; +// Tooltip +// --- +//* Tooltip max width +@tooltip-max-width: 250px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: rgba(64, 64, 64, .85); +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip distance with trigger +@tooltip-distance: @tooltip-arrow-width - 1 + 4; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less index d7962c2e1a..fcbbed22df 100644 --- a/components/tooltip/style/index.less +++ b/components/tooltip/style/index.less @@ -2,20 +2,6 @@ @import "../../style/mixins/index"; @tooltip-prefix-cls: ~"@{ant-prefix}-tooltip"; -//** Tooltip max width -@tooltip-max-width: 250px; -//** Tooltip text color -@tooltip-color: #fff; -//** Tooltip background color -@tooltip-bg: #373737; -@tooltip-opacity: 0.9; - -//** Tooltip arrow width -@tooltip-arrow-width: 5px; -//** Tooltip distance with trigger -@tooltip-distance: @tooltip-arrow-width - 1 + 4; -//** Tooltip arrow color -@tooltip-arrow-color: @tooltip-bg; // Base class .@{tooltip-prefix-cls} { @@ -23,12 +9,8 @@ z-index: @zindex-tooltip; display: block; visibility: visible; - // remove left/top by yiminghe - // left: -9999px; - // top: -9999px; font-size: @font-size-base; line-height: @line-height-base; - opacity: @tooltip-opacity; &-hidden { display: none;