summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/assets/styles/tooltips.less
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2017-06-09 03:19:04 +0300
committerMichael Lando <ml636r@att.com>2017-06-09 03:19:04 +0300
commited64b5edff15e702493df21aa3230b81593e6133 (patch)
treea4cb01fdaccc34930a8db403a3097c0d1e40914b /catalog-ui/src/assets/styles/tooltips.less
parent280f8015d06af1f41a3ef12e8300801c7a5e0d54 (diff)
[SDC-29] catalog 1707 rebase commit.
Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1 Signed-off-by: Michael Lando <ml636r@att.com>
Diffstat (limited to 'catalog-ui/src/assets/styles/tooltips.less')
-rw-r--r--catalog-ui/src/assets/styles/tooltips.less154
1 files changed, 154 insertions, 0 deletions
diff --git a/catalog-ui/src/assets/styles/tooltips.less b/catalog-ui/src/assets/styles/tooltips.less
new file mode 100644
index 0000000000..4528aea5d2
--- /dev/null
+++ b/catalog-ui/src/assets/styles/tooltips.less
@@ -0,0 +1,154 @@
+// ---------------------------------------------------------------------------------------------------
+// tooltips
+// ---------------------------------------------------------------------------------------------------
+div.tooltips {
+ position: relative;
+ display: inline;
+ float: right;
+ z-index: 1;
+ top: 30px;
+ left: 85px;
+
+ span {
+ .bg_s;
+ position: absolute;
+ width: 230px;
+ color: @color_c;
+ height: 30px;
+ line-height: 30px;
+ text-align: center;
+ border-radius: 6px;
+ visibility: hidden;
+
+ &:after {
+ .arrow(8px, @color_s);
+ }
+ }
+}
+
+// ---------------------------------------------------------------------------------------------------
+// Tooltip
+// ---------------------------------------------------------------------------------------------------
+.w-sdc-canvas-tooltip{
+
+ position: absolute;
+ z-index: 100;
+
+ .w-sdc-custom-tooltip {
+ .c_1;
+ position:relative;
+ color: white;
+ padding:10px;
+ height: 25px;
+ min-width: 100px;
+ background-color: rgba(80, 99, 113, 0.9);
+ border-radius: 2px;
+ line-height: 2px;
+ text-align: center;
+
+ .w-sdc-tooltip-arrow {
+ position: absolute;
+ bottom:25px;
+ right:20px;
+ width:0;height:0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-bottom: 5px solid rgba(80, 99, 113, 0.9);
+ border-top: transparent;
+ border-width:7px;
+ border-style:solid;
+ }
+
+ }
+}
+
+.qtip-custom {
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ background-color: rgb(80, 99, 113);
+ border-color:rgb(80, 99, 113);
+ color: white;
+ font-size:13px;
+}
+
+.tooltip-custom {
+ background-color: rgba(80, 99, 113, 0.9);
+ z-index: 1100;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ max-width: 280px;
+ text-align: center;
+ word-break: normal;
+ word-wrap: break-word;
+ padding-right: 10px;
+ padding-left: 10px;
+}
+
+._720kb-tooltip-caret:before
+ {
+ border: 6px solid rgba(80, 99, 113, 0.9);
+
+ }
+
+.tooltip-rightside{
+ right: 2px;
+ left: initial !important;
+
+ ._720kb-tooltip-caret:before{
+ right: 21px;
+ left: initial;
+ }
+}
+
+.tab-tooltip{
+ max-width: 220px;
+ white-space: nowrap;
+}
+.break-word-tooltip{
+ word-break: break-all;
+ margin-right: 2px;
+}
+
+.icon-tooltip{
+ margin-left: 12px;
+ right: initial !important;
+
+ ._720kb-tooltip-caret:before{
+ left: 44px;
+ right: initial;
+ }
+}
+
+.uib-custom-tooltip {
+ z-index: 999999;
+
+ .tooltip-inner {
+ background-color: rgba(80, 99, 113, 0.9);
+ padding: 5px 10px 5px 10px;
+ border-radius: 2px;
+ }
+}
+.tooltip {
+ &.bottom .tooltip-arrow {
+
+ margin-left: -6px !important;
+ border-width: 0 6px 6px !important;
+ border-bottom-color: rgba(80, 99, 113, 0.9) !important;
+ }
+ /* &.right {
+ white-space: nowrap;
+ max-width: none;
+ .tooltip-arrow {
+ border-right-color: rgba(80, 99, 113, 0.9);
+ }
+ }
+ &.left {
+ white-space:nowrap;
+ max-width:none;
+ .tooltip-arrow {
+ border-left-color: rgba(80, 99, 113, 0.9);
+ }
+ }*/
+}