espocrm-extensions/espocrm-base
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

less ref

Browse Source
This commit is contained in:
Yuri Kuznetsov
2024-10-30 12:27:47 +02:00
parent 67b0d2fa31
commit 16c4945e80
2 changed files with 21 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/less/espo/bootstrap/tooltip.less
+16 -16
View File
@@ -16,19 +16,19 @@
.opacity(0);
&.in { .opacity(@tooltip-opacity); }
&.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
&.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
&.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
&.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
&.top { margin-top: var(--minus-3px); padding: @tooltip-arrow-width 0; }
&.right { margin-left: var(--3px); padding: 0 @tooltip-arrow-width; }
&.bottom { margin-top: var(--3px); padding: @tooltip-arrow-width 0; }
&.left { margin-left: var(--minus-3px); padding: 0 @tooltip-arrow-width; }
}
// Wrapper for the tooltip content
.tooltip-inner {
max-width: @tooltip-max-width;
padding: 3px 8px;
color: @tooltip-color;
max-width: var(--200px);
padding: var(--3px) var(--8px);
color: var(--dropdown-link-color);
text-align: center;
background-color: @tooltip-bg;
background-color: var(--dropdown-bg);
border-radius: var(--border-radius-small);
}
@@ -45,56 +45,56 @@
&.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -@tooltip-arrow-width;
margin-left: @tooltip-arrow-width-negative;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.top-left .tooltip-arrow {
bottom: 0;
right: @tooltip-arrow-width;
margin-bottom: -@tooltip-arrow-width;
margin-bottom: @tooltip-arrow-width-negative;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.top-right .tooltip-arrow {
bottom: 0;
left: @tooltip-arrow-width;
margin-bottom: -@tooltip-arrow-width;
margin-bottom: @tooltip-arrow-width-negative;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -@tooltip-arrow-width;
margin-top: @tooltip-arrow-width-negative;
border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
border-right-color: @tooltip-arrow-color;
}
&.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -@tooltip-arrow-width;
margin-top: @tooltip-arrow-width-negative;
border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
border-left-color: @tooltip-arrow-color;
}
&.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -@tooltip-arrow-width;
margin-left: @tooltip-arrow-width-negative;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
&.bottom-left .tooltip-arrow {
top: 0;
right: @tooltip-arrow-width;
margin-top: -@tooltip-arrow-width;
margin-top: @tooltip-arrow-width-negative;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
&.bottom-right .tooltip-arrow {
top: 0;
left: @tooltip-arrow-width;
margin-top: -@tooltip-arrow-width;
margin-top: @tooltip-arrow-width-negative;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
frontend/less/espo/bootstrap/variables.less
+5 -26
View File
@@ -156,35 +156,14 @@
@nav-tabs-active-link-hover-color: @gray;
@nav-tabs-justified-active-link-border-color: @body-bg;
@state-success-text: #3c763d;
@state-success-bg: #dff0d8;
@state-info-text: #31708f;
@state-info-bg: #d9edf7;
@state-warning-text: #8a6d3b;
@state-warning-bg: #fcf8e3;
@state-danger-text: #a94442;
@state-danger-bg: #f2dede;
@tooltip-opacity: .9;
@tooltip-arrow-width: var(--5px);
@tooltip-arrow-width-negative: var(--minus-5px);
@tooltip-arrow-color: var(--dropdown-bg);
@tooltip-max-width: 200px;
@tooltip-color: #fff;
@tooltip-bg: #000;
@tooltip-opacity: .9;
@tooltip-arrow-width: 5px;
@tooltip-arrow-color: @tooltip-bg;
//== Popovers
//
//##
// Popovers
//** Popover body background color
@popover-bg: #fff;