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

snapshot of https://github.com/espocrm/espocrm.git (master, 2026-09-18; blobs > 131072B omitted)
Some checks failed
Test / Test on PHP 8.3 (push) Failing after 5s
Details
Test / Test on PHP 8.4 (push) Failing after 4s
Details
Test / Test on PHP 8.5 (push) Failing after 3s
Details
TypeScript static analysis / TypeScript check (push) Failing after 14s
Details
Test Integration on MySQL / Test on PHP 8.3 (push) Failing after 2s
Details
Test Integration on MySQL / Test on PHP 8.5 (push) Failing after 0s
Details
Test Integration on PostgreSQL / Test on PHP 8.4 fix (push) Failing after 1s
Details
Test Integration on PostgreSQL / Test on PHP 8.4 master (push) Failing after 1s
Details

Browse Source
This commit is contained in:
upstream-mirror
2026-09-18 04:19:15 +05:00
commit 7cc7e6b4f3
10077 changed files with 900756 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

261
frontend/less/espo/misc/colorpicker/colorpicker.less Normal file
View File

File diff suppressed because one or more lines are too long

332
frontend/less/espo/misc/datepicker/datepicker.less Normal file
View File

@@ -0,0 +1,332 @@
.datepicker.datepicker-dropdown {
&:before,
&:after {
display: none;
}
&.datepicker-orient-bottom {
margin-top: 0;
}
.next,
.prev {
color: var(--gray-soft);
}
}
.datepicker {
&-inline {
width: var(--220px);
}
direction: ltr;
&-rtl {
direction: rtl;
&.dropdown-menu { left: auto; }
table tr td span {
float: right;
}
}
&-dropdown {
top: 0;
left: 0;
padding: var(--4px);
&:before {
content: '';
display: inline-block;
border-left: var(--7px) solid transparent;
border-right: var(--7px) solid transparent;
border-bottom: var(--7px) solid var(--dropdown-border);
border-top: 0;
border-bottom-color: rgba(0,0,0,.2);
position: absolute;
}
&:after {
content: '';
display: inline-block;
border-left: var(--6px) solid transparent;
border-right: var(--6px)solid transparent;
border-bottom: var(--6px) solid var(--dropdown-bg);
border-top: 0;
position: absolute;
}
&.datepicker-orient-left:before { left: var(--6px); }
&.datepicker-orient-left:after { left: var(--7px); }
&.datepicker-orient-right:before { right: var(--6px); }
&.datepicker-orient-right:after { right: var(--7px); }
&.datepicker-orient-bottom:before { top: var(--minus-7px); }
&.datepicker-orient-bottom:after { top: var(--minus-6px); }
&.datepicker-orient-top:before {
bottom: var(--minus-7px);
border-bottom: 0;
border-top: var(--7px) solid var(--dropdown-border);
}
&.datepicker-orient-top:after {
bottom: var(--minus-6px);
border-bottom: 0;
border-top: var(--6px) solid var(--dropdown-bg);
}
}
table {
margin: 0;
user-select: none;
tr {
td, th {
text-align: center;
width: var(--30px);
height: var(--30px);
border-radius: var(--border-radius-small);
border: none;
}
}
}
// Inline display inside a table presents some problems with
// border and background colors.
.table-striped & table tr {
td, th {
background-color: transparent;
}
}
table tr td {
&.old,
&.new {
color: @btn-link-disabled-color;
}
&.day:hover,
&.focused {
background: var(--dropdown-link-hover-bg);
cursor: pointer;
}
&.disabled,
&.disabled:hover {
background: none;
color: @btn-link-disabled-color;
cursor: default;
}
&.highlighted {
@highlighted-bg: @state-info-bg;
.button-variant-espo(
var(--btn-info-color);
var(--btn-info-bg);
var(--btn-info-border);
var(--btn-info-hover-bg);
var(--btn-info-active-bg);
var(--btn-info-hover-border);
var(--btn-info-active-border)
);
border-radius: var(--border-radius);
&.focused {
background: var(--state-info-bg-10);
}
&.disabled,
&.disabled:active {
background: @highlighted-bg;
color: @btn-link-disabled-color;
}
}
&.today {
@today-bg: var(--state-warning-bg);
.button-variant-espo(
var(--state-warning-text);
var(--state-warning-bg);
var(--state-warning-bg-5);
var(--state-warning-bg-5);
var(--state-warning-bg-5);
var(--state-warning-bg-5);
var(--state-warning-bg-5)
);
&.focused {
background: var(--state-warning-bg-10);
}
&.disabled,
&.disabled:active {
background: @today-bg;
color: @btn-link-disabled-color;
}
}
&.range {
@range-bg: @gray-lighter;
.button-variant-espo(
#000;
@range-bg;
var(--gray-lighter-5);
var(--gray-lighter-10);
var(--gray-lighter-17);
var(--gray-lighter-12);
var(--gray-lighter-25)
);
border-radius: 0;
&.focused {
background: var(--gray-lighter-10);
}
&.disabled,
&.disabled:active {
background: @range-bg;
color: @btn-link-disabled-color;
}
}
&.range.highlighted {
@range-highlighted-bg: var(--btn-success-bg);
.button-variant-espo(
var(--btn-success-color);
var(--btn-success-bg);
var(--btn-success-border);
var(--btn-success-hover-bg);
var(--btn-success-active-bg);
var(--btn-success-hover-border);
var(--btn-success-active-border)
);
&.focused {
background: var(--btn-success-active-bg);
}
&.disabled,
&.disabled:active {
background: @range-highlighted-bg;
color: @btn-link-disabled-color;
}
}
&.range.today {
@range-today-bg: var(--gray-lighter-orange-mix);
.button-variant-espo(
#000;
@range-today-bg;
var(--gray-lighter-orange-mix-5);
var(--gray-lighter-orange-mix-10);
var(--gray-lighter-orange-mix-12);
var(--gray-lighter-orange-mix-17);
var(--gray-lighter-orange-mix-25)
);
&.disabled,
&.disabled:active {
background: @range-today-bg;
color: @btn-link-disabled-color;
}
}
&.selected,
&.selected.highlighted {
.button-variant-espo(
#fff;
@gray-light;
var(--gray-light-5);
var(--gray-light-10);
var(--gray-light-17);
var(--gray-light-12);
var(--gray-light-25)
);
text-shadow: 0 var(--minus-1px) 0 rgba(0,0,0,.25);
}
&.active,
&.active.highlighted {
.button-variant-espo(
var(--btn-primary-color);
var(--btn-primary-bg);
var(--btn-primary-border);
var(--btn-primary-hover-bg);
var(--btn-primary-active-bg);
var(--btn-primary-hover-border);
var(--btn-primary-active-border)
);
text-shadow: 0 var(--minus-1px) 0 rgba(0,0,0,.25);
}
span {
display: block;
width: 23%;
height: calc(var(--32px) + var(--22px));
line-height: calc(var(--32px) + var(--22px));
float: left;
margin: 1%;
cursor: pointer;
border-radius: var(--border-radius-small);
&:hover,
&.focused {
background: var(--dropdown-link-hover-bg);
}
&.disabled,
&.disabled:hover {
background: none;
color: @btn-link-disabled-color;
cursor: default;
}
&.active,
&.active:hover,
&.active.disabled,
&.active.disabled:hover {
.button-variant-espo(
var(--btn-primary-color);
var(--btn-primary-bg);
var(--btn-primary-border);
var(--btn-primary-hover-bg);
var(--btn-primary-active-bg);
var(--btn-primary-hover-border);
var(--btn-primary-active-border)
);
text-shadow: 0 var(--minus-1px) 0 rgba(0,0,0,.25);
}
&.old,
&.new {
color: @btn-link-disabled-color;
}
}
}
.datepicker-switch {
width: calc(var(--100px) + var(--40px) + var(--5px));
}
.datepicker-switch,
.prev,
.next,
tfoot tr th {
cursor: pointer;
&:hover {
background: var(--dropdown-link-hover-bg);
}
}
.prev, .next {
&.disabled {
visibility: hidden;
}
}
// Basic styling for calendar-week cells
.cw {
font-size: var(--10px);
width: var(--12px);
padding: 0 var(--2px) 0 var(--5px);
vertical-align: middle;
}
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.input-daterange {
width: 100%;
input {
text-align: center;
}
input:first-child {
border-radius: var(--3px) 0 0 var(--3px);
}
input:last-child {
border-radius: 0 var(--3px) var(--3px) 0;
}
.input-group-addon {
width: auto;
min-width: var(--16px);
padding: var(--4px) var(--5px);
line-height: var(--line-height-base);
border-width: var(--1px) 0;
margin-left: calc(var(--5px) * -1);
margin-right: calc(var(--5px) * -1);
}
}

7
frontend/less/espo/misc/fontawesome/fontawesome.less vendored Normal file
View File

@@ -0,0 +1,7 @@
@import "fontawesome/fontawesome.less";
@import "fontawesome/regular.less";
@import "fontawesome/solid.less";
@fa-font-path: "../../fonts";

152
frontend/less/espo/misc/fontawesome/fontawesome/_animated.less vendored Normal file
View File

@@ -0,0 +1,152 @@
// animating icons
// --------------------------
.@{fa-css-prefix}-beat {
animation-name: ~'@{fa-css-prefix}-beat';
animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, ease-in-out)';
}
.@{fa-css-prefix}-bounce {
animation-name: ~'@{fa-css-prefix}-bounce';
animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1))';
}
.@{fa-css-prefix}-fade {
animation-name: ~'@{fa-css-prefix}-fade';
animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1))';
}
.@{fa-css-prefix}-beat-fade {
animation-name: ~'@{fa-css-prefix}-beat-fade';
animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1))';
}
.@{fa-css-prefix}-flip {
animation-name: ~'@{fa-css-prefix}-flip';
animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, ease-in-out)';
}
.@{fa-css-prefix}-shake {
animation-name: ~'@{fa-css-prefix}-shake';
animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, linear)';
}
.@{fa-css-prefix}-spin {
animation-name: ~'@{fa-css-prefix}-spin';
animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 2s)';
animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, linear)';
}
.@{fa-css-prefix}-spin-reverse {
--@{fa-css-prefix}-animation-direction: reverse;
}
.@{fa-css-prefix}-pulse,
.@{fa-css-prefix}-spin-pulse {
animation-name: ~'@{fa-css-prefix}-spin';
animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, steps(8));';
}
// if agent or operating system prefers reduced motion, disable animations
// see: https://www.smashingmagazine.com/2020/09/design-reduced-motion-sensitivities/
// see: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
@media (prefers-reduced-motion: reduce) {
.@{fa-css-prefix}-beat,
.@{fa-css-prefix}-bounce,
.@{fa-css-prefix}-fade,
.@{fa-css-prefix}-beat-fade,
.@{fa-css-prefix}-flip,
.@{fa-css-prefix}-pulse,
.@{fa-css-prefix}-shake,
.@{fa-css-prefix}-spin,
.@{fa-css-prefix}-spin-pulse {
animation-delay: -1ms;
animation-duration: 1ms;
animation-iteration-count: 1;
transition-delay: 0s;
transition-duration: 0s;
}
}
@keyframes ~'@{fa-css-prefix}-beat' {
0%, 90% { transform: scale(1); }
45% { transform: ~'scale(var(--@{fa-css-prefix}-beat-scale, 1.25))'; }
}
@keyframes ~'@{fa-css-prefix}-bounce' {
0% { transform: scale(1,1) translateY(0); }
10% { transform: ~'scale(var(--@{fa-css-prefix}-bounce-start-scale-x, 1.1),var(--@{fa-css-prefix}-bounce-start-scale-y, 0.9))' translateY(0); }
30% { transform: ~'scale(var(--@{fa-css-prefix}-bounce-jump-scale-x, 0.9),var(--@{fa-css-prefix}-bounce-jump-scale-y, 1.1))' ~'translateY(var(--@{fa-css-prefix}-bounce-height, -0.5em))'; }
50% { transform: ~'scale(var(--@{fa-css-prefix}-bounce-land-scale-x, 1.05),var(--@{fa-css-prefix}-bounce-land-scale-y, 0.95))' translateY(0); }
57% { transform: ~'scale(1,1) translateY(var(--@{fa-css-prefix}-bounce-rebound, -0.125em))'; }
64% { transform: scale(1,1) translateY(0); }
100% { transform: scale(1,1) translateY(0); }
}
@keyframes ~'@{fa-css-prefix}-fade' {
50% { opacity: ~'var(--@{fa-css-prefix}-fade-opacity, 0.4)'; }
}
@keyframes ~'@{fa-css-prefix}-beat-fade' {
0%, 100% {
opacity: ~'var(--@{fa-css-prefix}-beat-fade-opacity, 0.4)';
transform: scale(1);
}
50% {
opacity: 1;
transform: ~'scale(var(--@{fa-css-prefix}-beat-fade-scale, 1.125))';
}
}
@keyframes ~'@{fa-css-prefix}-flip' {
50% {
transform: ~'rotate3d(var(--@{fa-css-prefix}-flip-x, 0), var(--@{fa-css-prefix}-flip-y, 1), var(--@{fa-css-prefix}-flip-z, 0), var(--@{fa-css-prefix}-flip-angle, -180deg))';
}
}
@keyframes ~'@{fa-css-prefix}-shake' {
0% { transform: rotate(-15deg); }
4% { transform: rotate(15deg); }
8%, 24% { transform: rotate(-18deg); }
12%, 28% { transform: rotate(18deg); }
16% { transform: rotate(-22deg); }
20% { transform: rotate(22deg); }
32% { transform: rotate(-12deg); }
36% { transform: rotate(12deg); }
40%, 100% { transform: rotate(0deg); }
}
@keyframes ~'@{fa-css-prefix}-spin' {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

20
frontend/less/espo/misc/fontawesome/fontawesome/_bordered-pulled.less vendored Normal file
View File

@@ -0,0 +1,20 @@
// bordered + pulled icons
// -------------------------
.@{fa-css-prefix}-border {
border-color: ~'var(--@{fa-css-prefix}-border-color, @{fa-border-color})';
border-radius: ~'var(--@{fa-css-prefix}-border-radius, @{fa-border-radius})';
border-style: ~'var(--@{fa-css-prefix}-border-style, @{fa-border-style})';
border-width: ~'var(--@{fa-css-prefix}-border-width, @{fa-border-width})';
padding: ~'var(--@{fa-css-prefix}-border-padding, @{fa-border-padding})';
}
.@{fa-css-prefix}-pull-left {
float: left;
margin-right: ~'var(--@{fa-css-prefix}-pull-margin, @{fa-pull-margin})';
}
.@{fa-css-prefix}-pull-right {
float: right;
margin-left: ~'var(--@{fa-css-prefix}-pull-margin, @{fa-pull-margin})';
}

48
frontend/less/espo/misc/fontawesome/fontawesome/_core.less vendored Normal file
View File

@@ -0,0 +1,48 @@
// base icon class definition
// -------------------------
.@{fa-css-prefix} {
font-family: ~"var(--@{fa-css-prefix}-style-family, '@{fa-style-family}')";
font-weight: ~'var(--@{fa-css-prefix}-style, @{fa-style})';
}
.fas,
.far,
.fab,
.@{fa-css-prefix}-solid,
.@{fa-css-prefix}-regular,
.@{fa-css-prefix}-brands,
.@{fa-css-prefix}-sharp-solid,
.@{fa-css-prefix}-classic,
.@{fa-css-prefix} {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: ~'var(--@{fa-css-prefix}-display, @{fa-display})';
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}
.fas::before,
.far::before,
.fab::before,
.@{fa-css-prefix}-solid::before,
.@{fa-css-prefix}-regular::before,
.@{fa-css-prefix}-brands::before,
.@{fa-css-prefix}::before {
content: ~'var(@{fa-icon-property})';
}
.@{fa-css-prefix}-classic,
.fas,
.@{fa-css-prefix}-solid,
.far,
.@{fa-css-prefix}-regular {
font-family: 'Font Awesome 6 Free';
}
.@{fa-css-prefix}-brands,
.fab {
font-family: 'Font Awesome 6 Brands';
}

7
frontend/less/espo/misc/fontawesome/fontawesome/_fixed-width.less vendored Normal file
View File

@@ -0,0 +1,7 @@
// fixed-width icons
// -------------------------
.@{fa-css-prefix}-fw {
text-align: center;
width: @fa-fw-width;
}

11
frontend/less/espo/misc/fontawesome/fontawesome/_icons.less vendored Normal file
View File

@@ -0,0 +1,11 @@
// specific icon class definition
// -------------------------
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
each(.fa-icons(), {
.@{fa-css-prefix}-@{key} {
@{fa-icon-property}: @value;
}
});

18
frontend/less/espo/misc/fontawesome/fontawesome/_list.less vendored Normal file
View File

@@ -0,0 +1,18 @@
// icons in a list
// -------------------------
.@{fa-css-prefix}-ul {
list-style-type: none;
margin-left: ~'var(--@{fa-css-prefix}-li-margin, @{fa-li-margin})';
padding-left: 0;
> li { position: relative; }
}
.@{fa-css-prefix}-li {
left: calc(~'var(--@{fa-css-prefix}-li-width, @{fa-li-width})' * -1);
position: absolute;
text-align: center;
width: ~'var(--@{fa-css-prefix}-li-width, @{fa-li-width})';
line-height: inherit;
}

68
frontend/less/espo/misc/fontawesome/fontawesome/_mixins.less vendored Normal file
View File

@@ -0,0 +1,68 @@
// mixins
// --------------------------
// base rendering for an icon
.fa-icon() {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
}
// sets relative font-sizing and alignment (in _sizing)
.fa-size(@font-size) {
font-size: (@font-size / @fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base
line-height: (1 / @font-size) * 1em; // sets the line-height of the icon back to that of it's parent
vertical-align: ((6 / @font-size) - (3 / 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender
}
// only display content to screen readers
// see: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
// see: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
.fa-sr-only() {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
// use in conjunction with .sr-only to only display content when it's focused
.fa-sr-only-focusable() {
&:not(:focus) {
.fa-sr-only();
}
}
// sets a specific icon family to use alongside style + icon mixins
.fa-family-classic() {
&:extend(.fa-classic all);
}
// convenience mixins for declaring pseudo-elements by CSS variable,
// including all style-specific font properties
.fa-icon-solid(@fa-var) {
&:extend(.fa-solid all);
& { @{fa-icon-property}: @fa-var; @{fa-duotone-icon-property}: %("%s%s", @fa-var, @fa-var); }
}
.fa-icon-regular(@fa-var) {
&:extend(.fa-regular all);
& { @{fa-icon-property}: @fa-var; @{fa-duotone-icon-property}: %("%s%s", @fa-var, @fa-var); }
}
.fa-icon-brands(@fa-var) {
&:extend(.fa-brands all);
& { @{fa-icon-property}: @fa-var; @{fa-duotone-icon-property}: %("%s%s", @fa-var, @fa-var); }
}

31
frontend/less/espo/misc/fontawesome/fontawesome/_rotated-flipped.less vendored Normal file
View File

@@ -0,0 +1,31 @@
// rotating + flipping icons
// -------------------------
.@{fa-css-prefix}-rotate-90 {
transform: rotate(90deg);
}
.@{fa-css-prefix}-rotate-180 {
transform: rotate(180deg);
}
.@{fa-css-prefix}-rotate-270 {
transform: rotate(270deg);
}
.@{fa-css-prefix}-flip-horizontal {
transform: scale(-1, 1);
}
.@{fa-css-prefix}-flip-vertical {
transform: scale(1, -1);
}
.@{fa-css-prefix}-flip-both,
.@{fa-css-prefix}-flip-horizontal.@{fa-css-prefix}-flip-vertical {
transform: scale(-1, -1);
}
.@{fa-css-prefix}-rotate-by {
transform: rotate(~'var(--@{fa-css-prefix}-rotate-angle, 0)');
}

14
frontend/less/espo/misc/fontawesome/fontawesome/_screen-reader.less vendored Normal file
View File

@@ -0,0 +1,14 @@
// screen-reader utilities
// -------------------------
// only display content to screen readers
.sr-only,
.@{fa-css-prefix}-sr-only {
.fa-sr-only();
}
// use in conjunction with .sr-only to only display content when it's focused
.sr-only-focusable,
.@{fa-css-prefix}-sr-only-focusable {
.fa-sr-only-focusable();
}

2042
frontend/less/espo/misc/fontawesome/fontawesome/_shims.less vendored Normal file
View File

File diff suppressed because it is too large Load Diff

19
frontend/less/espo/misc/fontawesome/fontawesome/_sizing.less vendored Normal file
View File

@@ -0,0 +1,19 @@
// sizing icons
// -------------------------
// literal magnification scale
.sizes-literal(@factor) when (@factor > 0) {
.sizes-literal((@factor - 1));
.@{fa-css-prefix}-@{factor}x {
font-size: (@factor * 1em);
}
}
.sizes-literal(10);
// step-based scale (with alignment)
each(.fa-sizes(), {
.@{fa-css-prefix}-@{key} {
.fa-size(@value);
}
});

31
frontend/less/espo/misc/fontawesome/fontawesome/_stacked.less vendored Normal file
View File

@@ -0,0 +1,31 @@
// stacking icons
// -------------------------
.@{fa-css-prefix}-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: @fa-stack-vertical-align;
width: @fa-stack-width;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: ~'var(--@{fa-css-prefix}-stack-z-index, @{fa-stack-z-index})';
}
.@{fa-css-prefix}-stack-1x {
line-height: inherit;
}
.@{fa-css-prefix}-stack-2x {
font-size: 2em;
}
.@{fa-css-prefix}-inverse {
color: ~'var(--@{fa-css-prefix}-inverse, @{fa-inverse})';
}

29
frontend/less/espo/misc/fontawesome/fontawesome/brands.less vendored Normal file
View File

@@ -0,0 +1,29 @@
/*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
@import "_variables.less";
:root, :host {
--@{fa-css-prefix}-style-family-brands: 'Font Awesome 6 Brands';
--@{fa-css-prefix}-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}
@font-face {
font-family: 'Font Awesome 6 Brands';
font-style: normal;
font-weight: 400;
font-display: @fa-font-display;
src: url('@{fa-font-path}/fa-brands-400.woff2') format('woff2'),
url('@{fa-font-path}/fa-brands-400.ttf') format('truetype');
}
.fab,
.@{fa-css-prefix}-brands {
font-weight: 400;
}
each(.fa-brand-icons(), {
.@{fa-css-prefix}-@{key} { @{fa-icon-property}: @value; }
});

20
frontend/less/espo/misc/fontawesome/fontawesome/fontawesome.less vendored Normal file
View File

@@ -0,0 +1,20 @@
/*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
// Font Awesome core compile (Web Fonts-based)
// -------------------------
@import "_variables.less";
@import "_mixins.less";
@import "_core.less";
@import "_sizing.less";
@import "_fixed-width.less";
@import "_list.less";
@import "_bordered-pulled.less";
@import "_animated.less";
@import "_rotated-flipped.less";
@import "_stacked.less";
@import "_icons.less";
@import "_screen-reader.less";

25
frontend/less/espo/misc/fontawesome/fontawesome/regular.less vendored Normal file
View File

@@ -0,0 +1,25 @@
/*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
@import "_variables.less";
:root, :host {
--@{fa-css-prefix}-style-family-classic: '@{fa-style-family}';
--@{fa-css-prefix}-font-regular: normal 400 1em/1 '@{fa-style-family}';
}
@font-face {
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 400;
font-display: @fa-font-display;
src: url('@{fa-font-path}/fa-regular-400.woff2') format('woff2'),
url('@{fa-font-path}/fa-regular-400.ttf') format('truetype');
}
.far,
.@{fa-css-prefix}-regular {
font-weight: 400;
}

25
frontend/less/espo/misc/fontawesome/fontawesome/solid.less vendored Normal file
View File

@@ -0,0 +1,25 @@
/*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
@import "_variables.less";
:root, :host {
--@{fa-css-prefix}-style-family-classic: '@{fa-style-family}';
--@{fa-css-prefix}-font-solid: normal 900 1em/1 '@{fa-style-family}';
}
@font-face {
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 900;
font-display: @fa-font-display;
src: url('@{fa-font-path}/fa-solid-900.woff2') format('woff2'),
url('@{fa-font-path}/fa-solid-900.ttf') format('truetype');
}
.fas,
.@{fa-css-prefix}-solid {
font-weight: 900;
}

10
frontend/less/espo/misc/fontawesome/fontawesome/v4-shims.less vendored Normal file
View File

@@ -0,0 +1,10 @@
/*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
// V4 shims compile (Web Fonts-based)
// -------------------------
@import '_variables.less';
@import '_shims.less';

218
frontend/less/espo/misc/fullcalendar/fullcalendar.less Normal file
View File

@@ -0,0 +1,218 @@
:root {
--fc-neutral-bg-color: none;
--fc-now-indicator-color: var(--brand-danger);
--fc-border-color: var(--calendar-border);
--fc-today-bg-color: var(--calendar-today-bg);
--fc-page-bg-color: var(--body-bg);
}
.date-title {
text-align: center !important;
user-select: none;
}
.date-title h4 {
margin: var(--10px) 0 0;
}
.dashlet-body div.calendar-container {
height: 100% !important;
}
.calendar.fc {
user-select: none;
}
//-----
@media screen and (max-width: @screen-xs-max) {
.fc {
font-size: 85%;
}
}
.fc {
overflow: hidden;
@supports not selector(::-webkit-scrollbar) {
.fc-scroller {
scrollbar-width: thin;
}
.fc-timegrid {
table.fc-col-header th:last-child,
table.fc-scrollgrid-sync-table td:last-child {
.fc-scrollgrid-sync-inner {
border-right: var(--1px) solid var(--calendar-border);
}
}
table[role="presentation"] td.fc-day:last-child > div.fc-timegrid-col-frame {
border-right: var(--1px) solid var(--calendar-border);
}
}
}
th {
font-weight: normal;
}
.fc-daygrid-event-harness {
.fc-event-main-frame > .fc-event-time {
overflow: unset;
}
}
.fc-daygrid-block-event .fc-event-time {
font-weight: 400;
}
.fc-event-main > .user > .avatar {
position: relative;
top: -1px;
}
.fc-col-header {
user-select: none;
.fc-event {
border-radius: var(--border-radius) !important;
min-height: var(--19px) !important; // ?
}
a.fc-col-header-cell-cushion,
a.fc-timegrid-axis-cushion {
&,
&:hover {
text-decoration: none;
color: var(--text-color);
}
}
}
.fc-timegrid-now-indicator-container {
overflow: visible; // ?
}
.fc-bg-event {
opacity: 0.5;
}
.fc-event-selected,
.fc-event:focus {
box-shadow: none;
&::after {
background: transparent;
}
}
.fc-event.event-canceled {
&,
.fc-event-title,
.fc-event-main {
text-decoration: line-through !important;
}
}
.fc-daygrid-event,
.fc-timegrid-event,
.fc-timegrid-more-link {
border-radius: var(--border-radius);
}
.fc-day-today.fc-timegrid-col {
background-color: transparent;
}
.fc-day-today {
.fc-col-header-cell-cushion,
.fc-daygrid-day-number {
&,
&:hover {
color: var(--state-warning-text);
}
}
}
.fc-timegrid-now-indicator-line {
opacity: 0.9;
height: var(--2px);
border-top: var(--1px) solid var(--brand-danger);
border-bottom-width: 0;
background-color: var(--brand-danger);
&:before {
content: "";
position: inherit;
left: var(--minus-4px);
border-radius: 50%;
height: var(--8px);
width: var(--8px);
background-color: var(--brand-danger);
display: inline-block;
top: var(--minus-4px);
opacity: 0.9;
}
}
.fc-timegrid-now-indicator-arrow {
display: none;
}
.fc-timegrid-slot-minor {
border-top-style: none;
}
.fc-timegrid-slot-label-cushion,
a.fc-daygrid-day-number {
&,
&:hover {
color: var(--text-color);
text-decoration: none;
cursor: default;
}
}
a.fc-daygrid-week-number {
&,
&:hover {
color: var(--gray-soft);
text-decoration: none;
cursor: default;
}
padding-left: var(--4px);
}
border-style: none;
.fc-scrollgrid {
border: 0;
td:last-of-type {
border-right-color: transparent;
border-right-width: 0;
}
}
th[role='presentation'] {
border-right-color: transparent !important;
border-right-width: 0;
}
.fc-scrollgrid-section-body td[role='presentation'] {
border-bottom-color: transparent;
border-bottom-width: 0;
}
tr[role="presentation"]:first-child:not(:last-child) > td {
border-bottom: var(--1px) solid var(--calendar-border);
}
[role='row']:last-of-type td {
border-bottom-color: transparent !important;
border-bottom-width: 0;
}
}

300
frontend/less/espo/misc/gridstack/gridstack.less Normal file
View File

@@ -0,0 +1,300 @@
/**
* gridstack SASS styles 5.1.1
* Copyright (c) 2021 Alain Dumesny - see GridStack root license
*/
:root .grid-stack-item > .ui-resizable-handle {
filter: none;
}
.grid-stack {
position: relative;
}
.grid-stack.grid-stack-rtl {
direction: ltr;
}
.grid-stack.grid-stack-rtl > .grid-stack-item {
direction: rtl;
}
.grid-stack .grid-stack-placeholder > .placeholder-content {
border: 1px dashed lightgray;
margin: 0;
position: absolute;
width: auto;
z-index: 0 !important;
text-align: center;
}
.grid-stack > .grid-stack-item {
min-width: 8.3333333333%;
position: absolute;
padding: 0;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
margin: 0;
position: absolute;
width: auto;
overflow-x: hidden;
overflow-y: auto;
}
.grid-stack > .grid-stack-item > .ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
display: none;
}
.grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
z-index: 100;
}
.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
opacity: 0.8;
}
.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-position: center;
transform: rotate(45deg);
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
transform: rotate(-45deg);
}
.grid-stack > .grid-stack-item > .ui-resizable-nw {
cursor: nw-resize;
width: 20px;
height: 20px;
top: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-n {
cursor: n-resize;
height: 10px;
top: 0;
left: 25px;
right: 25px;
}
.grid-stack > .grid-stack-item > .ui-resizable-ne {
cursor: ne-resize;
width: 20px;
height: 20px;
top: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-e {
cursor: e-resize;
width: 10px;
top: 15px;
bottom: 15px;
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
cursor: se-resize;
width: 20px;
height: 20px;
}
.grid-stack > .grid-stack-item > .ui-resizable-s {
cursor: s-resize;
height: 10px;
left: 25px;
bottom: 0;
right: 25px;
}
.grid-stack > .grid-stack-item > .ui-resizable-sw {
cursor: sw-resize;
width: 20px;
height: 20px;
}
.grid-stack > .grid-stack-item > .ui-resizable-w {
cursor: w-resize;
width: 10px;
top: 15px;
bottom: 15px;
}
.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
display: none !important;
}
.grid-stack > .grid-stack-item[gs-w="0"] {
width: 0;
}
.grid-stack > .grid-stack-item[gs-x="0"] {
left: 0;
}
.grid-stack > .grid-stack-item[gs-min-w="0"] {
min-width: 0;
}
.grid-stack > .grid-stack-item[gs-max-w="0"] {
max-width: 0;
}
.grid-stack > .grid-stack-item[gs-w="1"] {
width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="1"] {
left: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="1"] {
min-width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="1"] {
max-width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="2"] {
width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="2"] {
left: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="2"] {
min-width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="2"] {
max-width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="3"] {
width: 25%;
}
.grid-stack > .grid-stack-item[gs-x="3"] {
left: 25%;
}
.grid-stack > .grid-stack-item[gs-min-w="3"] {
min-width: 25%;
}
.grid-stack > .grid-stack-item[gs-max-w="3"] {
max-width: 25%;
}
.grid-stack > .grid-stack-item[gs-w="4"] {
width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="4"] {
left: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="4"] {
min-width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="4"] {
max-width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="5"] {
width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="5"] {
left: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="5"] {
min-width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="5"] {
max-width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="6"] {
width: 50%;
}
.grid-stack > .grid-stack-item[gs-x="6"] {
left: 50%;
}
.grid-stack > .grid-stack-item[gs-min-w="6"] {
min-width: 50%;
}
.grid-stack > .grid-stack-item[gs-max-w="6"] {
max-width: 50%;
}
.grid-stack > .grid-stack-item[gs-w="7"] {
width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="7"] {
left: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="7"] {
min-width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="7"] {
max-width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="8"] {
width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="8"] {
left: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="8"] {
min-width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="8"] {
max-width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="9"] {
width: 75%;
}
.grid-stack > .grid-stack-item[gs-x="9"] {
left: 75%;
}
.grid-stack > .grid-stack-item[gs-min-w="9"] {
min-width: 75%;
}
.grid-stack > .grid-stack-item[gs-max-w="9"] {
max-width: 75%;
}
.grid-stack > .grid-stack-item[gs-w="10"] {
width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="10"] {
left: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="10"] {
min-width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="10"] {
max-width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="11"] {
width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="11"] {
left: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="11"] {
min-width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="11"] {
max-width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="12"] {
width: 100%;
}
.grid-stack > .grid-stack-item[gs-x="12"] {
left: 100%;
}
.grid-stack > .grid-stack-item[gs-min-w="12"] {
min-width: 100%;
}
.grid-stack > .grid-stack-item[gs-max-w="12"] {
max-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item {
min-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-w="1"] {
width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-x="1"] {
left: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-min-w="1"] {
min-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-max-w="1"] {
max-width: 100%;
}
.grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item {
-webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
-moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
-ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
-o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}
.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
-webkit-transition: left 0s, top 0s, height 0s, width 0s;
-moz-transition: left 0s, top 0s, height 0s, width 0s;
-ms-transition: left 0s, top 0s, height 0s, width 0s;
-o-transition: left 0s, top 0s, height 0s, width 0s;
transition: left 0s, top 0s, height 0s, width 0s;
}

184
frontend/less/espo/misc/intl-tel-input/intlTelInput.less Normal file
View File

@@ -0,0 +1,184 @@
.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: var(--36px);
margin-right: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 var(--6px) 0 var(--8px);
font-variant-numeric: tabular-nums; // Espo
}
.iti__arrow {
margin-left: var(--6px);
width: 0;
height: 0;
border-left: var(--3px) solid transparent;
border-right: var(--3px) solid transparent;
border-top: var(--4px) solid #555;
}
[dir=rtl] .iti__arrow {
margin-right: var(--6px);
margin-left: 0;
}
.iti__arrow--up {
border-top: none;
border-bottom: var(--4px) solid #555;
}
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
padding: 0;
margin: 0 0 0 var(--minus-1px);
box-shadow: var(--1px) var(--1px) var(--4px) rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #ccc;
white-space: nowrap;
max-height: var(--200px);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
font-variant-numeric: tabular-nums; // Espo
}
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: var(--minus-1px);
}
@media (max-width: 500px) {
.iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: var(--20px);
}
.iti__divider {
padding-bottom: var(--5px);
margin-bottom: var(--5px);
border-bottom: var(--1px) solid #ccc;
}
.iti__country {
display: flex;
align-items: center;
padding: var(--5px) var(--10px);
outline: none;
}
.iti__dial-code {
color: #999;
}
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
margin-right: var(--6px);
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: var(--6px);
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
padding-right: var(--6px);
padding-left: var(--50px);
margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input,
[dir=rtl] .iti--allow-dropdown input[type=text],
[dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
[dir=rtl] .iti--separate-dial-code input[type=text],
[dir=rtl] .iti--separate-dial-code input[type=tel] {
padding-right: var(--50px);
padding-left: var(--6px);
margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
right: 0;
left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: var(--6px);
}
[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 0;
margin-right: var(--6px);
}
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.iti--container:hover {
cursor: pointer;
}
.iti-mobile .iti--container {
top: var(--30px);
bottom: var(--30px);
left: var(--30px);
right: var(--30px);
position: fixed;
}
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%;
}
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}

318
frontend/less/espo/misc/kanban.less Normal file
View File

@@ -0,0 +1,318 @@
div.list-kanban > div > table {
width: 100%;
table-layout: fixed;
user-select: none;
th.group-header {
font-weight: normal;
color: var(--text-white-color);
position: relative;
padding: 0;
margin: 0;
overflow: hidden;
&:last-child {
> div {
width: 100%;
}
}
> div {
padding-inline-start: var(--table-cell-padding);
position: relative;
line-height: var(--28px);
height: 100%;
background-color: var(--label-default-bg);
.create-button {
float: right;
position: relative;
right: var(--6px);
color: var(--text-white-color);
padding: 0 var(--4px);
&:hover,
&:active {
color: var(--text-white-color);
}
> .fas {
vertical-align: middle;
}
}
border-radius: var(--border-radius);
}
}
th.group-header {
&.group-header-success {
> div {
background-color: var(--brand-success);
}
}
&.group-header-danger {
> div {
background-color: var(--brand-danger);
}
}
&.group-header-warning {
> div {
background-color: var(--brand-warning);
}
}
&.group-header-primary {
> div {
background-color: var(--brand-primary);
}
}
&.group-header-info {
> div {
background-color: var(--brand-info);
}
}
}
td.group-column {
vertical-align: top;
padding-top: var(--padding-base-horizontal);
> div {
height: 100%;
}
.show-more a {
margin: 0 auto var(--8px);
display: block;
height: var(--20px);
> span {
top: var(--minus-4px);
color: @text-muted;
position: relative;
}
}
.group-column-list {
min-height: var(--100px);
margin-bottom: var(--padding-base-horizontal);
}
.group-column-list.drop-active {
height: ~"calc(100%)";
}
.group-column-list.drop-hover {
border-top: var(--2px) solid @gray-light;
}
}
.item {
.panel {
.form-group {
margin-bottom: var(--3px);
.field-right-align {
text-align: right;
}
.field {
overflow-wrap: break-word;
word-wrap: break-word;
font-size: var(--font-size-base);
overflow: hidden;
&.field-large {
font-size: var(--font-size-large);
color: var(--gray);
&.text-muted {
color: var(--text-muted-color);
}
}
&.text-muted {
> a {
color: var(--text-muted-color);
}
}
a.link {
.link-content-color();
}
}
}
div:last-child > .form-group {
margin-bottom: 0;
}
.panel-body {
padding: var(--table-cell-padding);
}
.item-menu-container {
margin-top: var(--minus-10px);
margin-right: var(--minus-10px);
.dropdown-toggle:focus:focus-visible {
outline: none;
}
}
margin-bottom: 0;
.field span {
user-select: none;
}
}
margin-bottom: var(--padding-base-horizontal);
&.ui-sortable-helper {
cursor: grabbing;
a {
cursor: grabbing;
}
}
}
}
.list-kanban-container {
overflow-x: auto;
overflow-y: hidden;
// Fixes a dragging issue in Safari. https://github.com/espocrm/espocrm/issues/3447
-webkit-user-select: none;
}
.list-kanban {
overflow: hidden;
// To prevent item shadows from being obscured.
//padding-right: 3px;
> .kanban-columns-container {
margin-left: calc(0rem - var(--padding-base-horizontal));
margin-right: calc(0rem - var(--padding-base-horizontal));
> table {
border-collapse: separate;
border-spacing: var(--padding-base-horizontal) 0;
}
}
.kanban-head-placeholder {
height: var(--28px);
}
.kanban-head-container.sticked {
position: fixed;
top: 0;
z-index: 4;
overflow: hidden;
background-color: var(--body-bg);
}
}
@supports (display: grid) {
div.list-kanban > div.kanban-columns-container,
div.list-kanban > div.kanban-head-container {
margin-left: 0 !important;
margin-right: 0 !important;
> table {
display: block !important;
border-collapse: unset;
border-spacing: unset;
> tbody,
> thead {
display: block !important;
tr.kanban-row {
tbody, thead, td, th {
display: block !important;
}
display: grid !important;
grid-column-gap: var(--padding-base-horizontal);
grid-auto-columns: 1fr;
> td, th {
grid-row: 1;
min-width: 0;
}
}
}
}
}
div.list-kanban > div.kanban-head-container {
border-radius: var(--border-radius);
> table {
> thead {
tr.kanban-row {
overflow: hidden;
> th {
overflow: visible;
min-width: 0;
max-height: var(--28px);
.kanban-group-label {
display: inline-block;
max-width: ~"calc(100% - var(--15px))";
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
}
&:hover {
.kanban-group-label {
max-width: ~"calc(100% - var(--30px))";
}
}
&:first-child {
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
&:last-child {
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
}
}
}
}
}
}
@media screen and (min-width: @screen-sm-min) and (hover: hover) {
.list-kanban {
.item {
.item-menu-container .dropdown-toggle {
visibility: hidden;
}
.item-menu-container > .open .dropdown-toggle {
visibility: visible;
}
}
.item:hover {
.item-menu-container .dropdown-toggle {
visibility: visible;
}
}
.item.ui-sortable-helper {
.item-menu-container .dropdown-toggle {
visibility: hidden;
}
}
}
}

211
frontend/less/espo/misc/selectize/custom.less Normal file
View File

@@ -0,0 +1,211 @@
.filter > .form-group .field .selectize-control,
.selectize-control.input-sm.form-control {
&.multi {
.selectize-input {
font-size: var(--font-size-small);
padding: var(--2px) var(--7px) 0;
> .item {
margin: 0 var(--3px) var(--2px) 0;
}
> input {
padding-top: var(--1px) !important;
}
min-height: var(--input-height-small);
}
padding: 0;
}
&.single {
.selectize-input {
font-size: var(--font-size-small);
padding: var(--padding-small-vertical) var(--19px) var(--padding-small-vertical) var(--padding-small-horizontal);
min-height: var(--input-height-small);
max-height: var(--input-height-small);
}
height: var(--input-height-small);
}
.selectize-dropdown-content {
max-height: calc(var(--220px) + var(--14px));
}
}
.selectize-dropdown {
min-width: var(--80px);
.selectize-dropdown-content {
> .option {
cursor: default;
}
max-height: calc(var(--256px) + var(--6px));
}
margin-top: 0;
user-select: none;
}
.form-control.selectize-control.single {
height: var(--input-height-base);
}
.selectize-control {
&.single {
> .selectize-input {
> .item {
width: 100%;
overflow: hidden;
vertical-align: top;
text-overflow: ellipsis;
white-space: nowrap;
.color-icon {
padding-right: var(--5px);
}
}
cursor: default;
}
}
.selectize-dropdown {
z-index: 1031;
.selectize-dropdown-content {
.option {
.color-icon {
padding-right: var(--5px);
}
}
}
}
}
.selectize-control.multi .selectize-input {
> div {
border-radius: var(--border-radius);
padding: var(--1px) var(--4px);
&:not(.active) {
&.primary {
> span {
color: var(--state-primary-text);
}
}
&.warning {
> span {
color: var(--state-warning-text);
}
}
&.danger {
> span {
color: var(--state-danger-text);
}
}
&.info {
> span {
color: var(--state-info-text);
}
}
&.success {
> span {
color: var(--state-success-text);
}
}
&.soft {
> span {
color: var(--gray-soft);
}
}
}
}
}
.selectize-control.single {
.selectize-dropdown {
position: absolute;
}
.selectize-input {
padding-right: var(--19px);
//height: var(--line-height-base);
max-height: var(--input-height-base);
&.dropdown-active:after,
&:after {
color: var(--text-muted-color);
display: inline-block;
width: 0;
height: 0;
top: var(--16px);
right: var(--8px);
margin-left: var(--2px);
vertical-align: middle;
border-top: var(--4px) dashed;
border-right: var(--4px) solid transparent;
border-left: var(--4px) solid transparent;
position: absolute;
}
> .item {
//display: block;
//vertical-align: middle;
}
> .item + input {
caret-color: transparent;
margin-right: var(--minus-4px) !important; // Prevent select changing width on focus.
}
}
&.input-sm {
.selectize-input {
height: var(--line-height-small);
line-height: var(--line-height-small);
&.dropdown-active:after,
&:after {
top: var(--13px);
}
> .item {
line-height: var(--line-height-small);
// Prevents height added.
vertical-align: bottom;
}
}
}
}
.selectize-dropdown .active {
&.text-success {
color: var(--state-success-text);
}
&.text-danger {
color: var(--state-danger-text);
}
&.text-warning {
color: var(--state-warning-text);
}
&.text-warning {
color: var(--state-warning-text);
}
&.text-info {
color: var(--state-info-text);
}
&.text-primary {
color: var(--state-primary-text);
}
}

16
frontend/less/espo/misc/selectize/plugins/drag_drop.less Normal file
View File

@@ -0,0 +1,16 @@
.selectize-control.plugin-drag_drop {
&.multi > .selectize-input > div.ui-sortable-placeholder {
visibility: visible !important;
//background: #f2f2f2 !important;
//background: rgba(0,0,0,0.06) !important;
border: 0 none !important;
//.selectize-box-shadow(inset 0 0 12px 4px #fff);
}
.ui-sortable-placeholder::after {
content: '!';
visibility: hidden;
}
.ui-sortable-helper {
.selectize-box-shadow(0 2px 5px rgba(0,0,0,0.2));
}
}

20
frontend/less/espo/misc/selectize/plugins/dropdown_header.less Normal file
View File

@@ -0,0 +1,20 @@
.selectize-dropdown-header {
position: relative;
padding: @selectize-padding-dropdown-item-y @selectize-padding-dropdown-item-x;
border-bottom: 1px solid @selectize-color-border;
//background: mix(@selectize-color-dropdown, @selectize-color-border, 85%);
background: @selectize-color-dropdown;
}
.selectize-dropdown-header-close {
position: absolute;
right: @selectize-padding-dropdown-item-x;
top: 50%;
color: @selectize-color-text;
opacity: 0.4;
margin-top: calc(var(--12px) * -1);
line-height: var(--20px);
font-size: var(--20px) !important;
}
.selectize-dropdown-header-close:hover {
color: var(--gray-dark-25);
}

17
frontend/less/espo/misc/selectize/plugins/optgroup_columns.less Normal file
View File

@@ -0,0 +1,17 @@
.selectize-dropdown.plugin-optgroup_columns {
.optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0 none;
float: left;
.selectize-box-sizing(border-box);
}
.optgroup:last-child {
border-right: 0 none;
}
.optgroup:before {
display: none;
}
.optgroup-header {
border-top: 0 none;
}
}

43
frontend/less/espo/misc/selectize/plugins/remove_button.less Normal file
View File

@@ -0,0 +1,43 @@
.selectize-control.plugin-remove_button {
[data-value] {
position: relative;
padding-right: var(--24px) !important;
}
[data-value] .remove {
z-index: 1; /* fixes ie bug (see #392) */
position: absolute;
top: var(--minus-1px);
right: 0;
bottom: 0;
width: var(--17px);
text-align: center;
font-weight: normal;
font-size: var(--12px);
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: @selectize-padding-item-y 0 0 0;
border-left: var(--1px) solid @selectize-color-item-border;
.selectize-border-radius(0 var(--2px) var(--2px) 0);
.selectize-box-sizing(border-box);
}
[data-value] .remove:hover {
background: rgba(0,0,0,0.05);
}
[data-value].active .remove {
border-left-color: @selectize-color-item-active-border;
}
.disabled [data-value] .remove:hover {
background: none;
}
.disabled [data-value] .remove {
border-left-color: lighten(desaturate(@selectize-color-item-border, 100%), @selectize-lighten-disabled-item-border);
}
.remove-single {
position: absolute;
right: 0;
top: 0;
font-size: var(--23px);
}
}

148
frontend/less/espo/misc/selectize/selectize.bootstrap3.less Normal file
View File

@@ -0,0 +1,148 @@
/**
* selectize.css (v0.13.3)
* Copyright (c) 2013–2015 Brian Reavis & contributors
* Copyright (c) 2020 Selectize Team & contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
* ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
* @author Brian Reavis <brian@thirdroute.com>
* @author Ris Adams <selectize@risadams.com>
*/
@import "selectize";
@selectize-font-family: inherit;
@selectize-font-size: inherit;
@selectize-line-height: var(--line-height-computed);
@selectize-color-highlight: rgba(255,237,40,0.4);
@selectize-color-input: var(--input-bg);
@selectize-color-input-full: var(--input-bg);
@selectize-color-input-error: @state-danger-text;
@selectize-color-input-error-focus: var(--state-success-text-10);
@selectize-color-disabled: var(--input-bg);
@selectize-color-item-border: rgba(0,0,0,0);
@selectize-color-item-active-border: rgba(0,0,0,0);
@selectize-color-optgroup: var(--dropdown-bg);
@selectize-color-optgroup-text: var(--gray-light);
@selectize-color-optgroup-border: var(--dropdown-divider-bg);
@selectize-color-dropdown: var(--dropdown-bg);
@selectize-color-dropdown-border-top: var(--input-border);
@selectize-color-dropdown-item-active: var(--dropdown-link-hover-bg);
@selectize-color-dropdown-item-active-text: var(--dropdown-link-hover-color);
@selectize-color-dropdown-item-create-active-text: var(--dropdown-link-hover-color);
@selectize-opacity-disabled: 0.5;
@selectize-shadow-input: none;
@selectize-shadow-input-focus: inset 0 1px 2px rgba(0,0,0,0.15);
@selectize-shadow-input-error: inset 0 1px 1px rgba(0, 0, 0, .075);
@selectize-border: var(--1px) solid var(--input-border);
@selectize-width-item-border: 0;
@selectize-padding-x: var(--padding-base-horizontal);
@selectize-padding-y: var(--padding-base-vertical);
@selectize-padding-dropdown-item-x: var(--padding-base-horizontal);
@selectize-padding-dropdown-item-y: var(--3px);
@selectize-padding-item-x: var(--3px);
@selectize-padding-item-y: var(--1px);
@selectize-margin-item-x: var(--3px);
@selectize-margin-item-y: var(--3px);
@selectize-caret-margin: 0;
@selectize-arrow-size: var(--5px);
@selectize-arrow-color: @selectize-color-text;
@selectize-arrow-offset: calc(var(--padding-base-horizontal) + var(--5px));
.selectize-dropdown, .selectize-dropdown.form-control {
height: auto;
padding: 0;
margin: var(--2px) 0 0 0;
z-index: @zindex-dropdown;
background: @selectize-color-dropdown;
border: var(--1px) solid var(--dropdown-border);
.selectize-box-shadow(0 6px 12px rgba(0,0,0,.175));
}
.selectize-dropdown {
.optgroup-header {
line-height: var(--line-height-base);
}
.optgroup:first-child:before {
display: none;
}
.optgroup:before {
content: ' ';
display: block;
.nav-divider();
margin-left: calc(0rem - var(--padding-base-horizontal));
margin-right: calc(0rem - var(--padding-base-horizontal));
}
}
.selectize-dropdown-content {
padding: var(--5px) 0;
.create {
padding: 0 var(--8px);
}
}
.selectize-dropdown-header {
padding: calc(var(--3px) * 2 * var(--padding-base-horizontal));
}
.selectize-input {
min-height: var(--input-height-base);
&.dropdown-active::before {
display: none;
}
&.focus {
// @todo Use variable together with inputs.
.selectize-box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--input-border-focus-rgba)");
}
}
.has-error .selectize-input {
border-color: @selectize-color-input-error;
.selectize-box-shadow(@selectize-shadow-input-error);
&:focus {
border-color: @selectize-color-input-error-focus;
}
}
.selectize-control {
&.multi {
.selectize-input.has-items {
padding-left: calc(var(--padding-base-horizontal) - var(--3px));
padding-right: calc(var(--padding-base-horizontal) - var(--3px));
}
}
}
.form-control.selectize-control {
padding: 0;
height: auto;
border: none;
background: none;
.selectize-box-shadow(none);
.selectize-border-radius(0);
}
.selectize-control.plugin-drag_drop {
&.multi > .selectize-input > div.ui-sortable-placeholder {
background: transparent !important;
outline: var(--1px) solid var(--input-border-focus) !important;
}
}

290
frontend/less/espo/misc/selectize/selectize.less Normal file
View File

@@ -0,0 +1,290 @@
@import "plugins/drag_drop";
@import "plugins/dropdown_header";
@import "plugins/optgroup_columns";
@import "plugins/remove_button";
// base styles
//@selectize-color-text: #303030;
@selectize-color-border: #d0d0d0;
@selectize-color-highlight: rgba(125,168,208,0.2);
@selectize-color-input: #fff;
@selectize-color-input-full: @selectize-color-input;
@selectize-color-disabled: #fafafa;
//@selectize-color-item: #f2f2f2;
@selectize-color-item-text: @selectize-color-text;
@selectize-color-item-border: #d0d0d0;
//@selectize-color-item-active: #e8e8e8;
//@selectize-color-item-active-text: @selectize-color-text;
@selectize-color-item-active-border: #cacaca;
@selectize-color-dropdown: #fff;
@selectize-color-dropdown-border: @selectize-color-border;
@selectize-color-dropdown-border-top: #f0f0f0;
@selectize-color-dropdown-item-active: #f5fafd;
@selectize-color-dropdown-item-active-text: #495c68;
@selectize-color-dropdown-item-create-text: var(--state-danger-text);
@selectize-color-dropdown-item-create-active-text: @selectize-color-dropdown-item-active-text;
@selectize-color-optgroup: @selectize-color-dropdown;
@selectize-color-optgroup-text: @selectize-color-text;
@selectize-lighten-disabled-item: 30%;
@selectize-lighten-disabled-item-text: 30%;
@selectize-lighten-disabled-item-border: 30%;
@selectize-opacity-disabled: 0.5;
@selectize-shadow-input: inset 0 1px 1px rgba(0,0,0,0.1);
@selectize-shadow-input-focus: inset 0 1px 2px rgba(0,0,0,0.15);
@selectize-border: 1px solid @selectize-color-border;
@selectize-dropdown-border: 1px solid @selectize-color-dropdown-border;
@selectize-width-item-border: 0;
@selectize-max-height-dropdown: 200px;
@selectize-padding-x: 8px;
@selectize-padding-y: 8px;
@selectize-padding-item-x: 6px;
@selectize-padding-item-y: 2px;
@selectize-padding-dropdown-item-x: @selectize-padding-x;
@selectize-padding-dropdown-item-y: 5px;
@selectize-margin-item-x: 3px;
@selectize-margin-item-y: 3px;
@selectize-arrow-size: 5px;
@selectize-arrow-color: #808080;
@selectize-arrow-offset: 15px;
@selectize-caret-margin: 0 2px 0 0;
@selectize-caret-margin-rtl: 0 4px 0 -2px;
.selectize-border-radius (@radii) {
-webkit-border-radius: @radii;
-moz-border-radius: @radii;
border-radius: @radii;
}
.selectize-unselectable () {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectize-box-shadow (@shadow) {
box-shadow: @shadow;
}
.selectize-box-sizing (@type: border-box) {
box-sizing: @type;
}
.selectize-vertical-gradient (@color-top, @color-bottom) {
background-color: mix(@color-top, @color-bottom, 60%);
background-image: -moz-linear-gradient(top, @color-top, @color-bottom); // FF 3.6+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@color-top), to(@color-bottom)); // Safari 4+, Chrome 2+
background-image: -webkit-linear-gradient(top, @color-top, @color-bottom); // Safari 5.1+, Chrome 10+
background-image: -o-linear-gradient(top, @color-top, @color-bottom); // Opera 11.10
background-image: linear-gradient(to bottom, @color-top, @color-bottom); // Standard, IE10
background-repeat: repeat-x;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@color-top),argb(@color-bottom))); // IE9 and down
}
.selectize-control {
position: relative;
}
.selectize-dropdown, .selectize-input, .selectize-input input {
color: @selectize-color-text;
line-height: @selectize-line-height;
}
.selectize-input, .selectize-control.single .selectize-input.input-active {
background: @selectize-color-input;
cursor: text;
display: inline-block;
}
.selectize-input {
border: @selectize-border;
padding: @selectize-padding-y @selectize-padding-x;
display: inline-block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
.selectize-box-sizing(border-box);
.selectize-box-shadow(@selectize-shadow-input);
.selectize-control.multi &.has-items {
@padding-x: @selectize-padding-x;
@padding-top: calc(var(--padding-base-vertical) - var(--1px));
@padding-bottom: calc(var(--padding-base-vertical) - var(--1px) - var(--3px));
padding: @padding-top @padding-x @padding-bottom;
}
&.full {
background-color: @selectize-color-input-full;
}
&.disabled, &.disabled * {
cursor: default !important;
}
&.focus {
.selectize-box-shadow(@selectize-shadow-input-focus);
}
> * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.selectize-control.multi & > div {
cursor: pointer;
margin: 0 @selectize-margin-item-x @selectize-margin-item-y 0;
padding: @selectize-padding-item-y @selectize-padding-item-x;
background: @selectize-color-item;
color: @selectize-color-item-text;
border: @selectize-width-item-border solid @selectize-color-item-border;
&.active {
background: @selectize-color-item-active;
color: @selectize-color-item-active-text;
border: @selectize-width-item-border solid @selectize-color-item-active-border;
}
}
/*.selectize-control.multi &.disabled > div {
&, &.active {
color: lighten(desaturate(@selectize-color-item-text, 100%), @selectize-lighten-disabled-item-text);
background: lighten(desaturate(@selectize-color-item, 100%), @selectize-lighten-disabled-item);
border: @selectize-width-item-border solid lighten(desaturate(@selectize-color-item-border, 100%), @selectize-lighten-disabled-item-border);
}
}*/
> input {
&::-ms-clear {
display: none;
}
display: inline-block !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: @selectize-caret-margin !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
-webkit-user-select: auto !important;
.selectize-box-shadow(none) !important;
&:focus { outline: none !important; }
&[placeholder] {
box-sizing: initial;
}
}
}
.selectize-input::after {
content: ' ';
display: block;
clear: left;
}
.selectize-input.dropdown-active::before {
content: ' ';
display: block;
position: absolute;
background: @selectize-color-dropdown-border-top;
height: 1px;
bottom: 0;
left: 0;
right: 0;
}
.selectize-dropdown {
position: absolute;
z-index: 10;
border: @selectize-dropdown-border;
background: @selectize-color-dropdown;
margin: -1px 0 0 0;
border-top: 0 none;
.selectize-box-sizing(border-box);
[data-selectable] {
cursor: pointer;
overflow: hidden;
.highlight {
background: @selectize-color-highlight;
.selectize-border-radius(1px);
}
}
.option, .optgroup-header {
padding: @selectize-padding-dropdown-item-y @selectize-padding-dropdown-item-x;
}
.option, [data-disabled], [data-disabled] [data-selectable].option {
cursor: inherit;
opacity: 0.5;
}
[data-selectable].option {
opacity: 1;
}
.optgroup:first-child .optgroup-header {
border-top: 0 none;
}
.optgroup-header {
color: @selectize-color-optgroup-text;
background: @selectize-color-optgroup;
cursor: default;
}
.active {
background-color: @selectize-color-dropdown-item-active;
color: @selectize-color-dropdown-item-active-text;
&.create {
color: @selectize-color-dropdown-item-create-active-text;
}
}
.create {
color: @selectize-color-dropdown-item-create-text;
}
}
.selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: @selectize-max-height-dropdown;
-webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input {
&, input { cursor: pointer; }
&.input-active, &.input-active input { cursor: text; }
/*&:after {
content: ' ';
display: block;
position: absolute;
top: 50%;
right: @selectize-arrow-offset;
margin-top: round((-1 * @selectize-arrow-size / 2));
width: 0;
height: 0;
border-style: solid;
border-width: @selectize-arrow-size @selectize-arrow-size 0 @selectize-arrow-size;
border-color: @selectize-arrow-color transparent transparent transparent;
}
&.dropdown-active:after {
margin-top: @selectize-arrow-size * -0.8;
border-width: 0 @selectize-arrow-size @selectize-arrow-size @selectize-arrow-size;
border-color: transparent transparent @selectize-arrow-color transparent;
}*/
}
.selectize-control.rtl {
/*&.single .selectize-input:after {
left: @selectize-arrow-offset;
right: auto;
}*/
.selectize-input > input {
margin: @selectize-caret-margin-rtl !important;
}
}
.selectize-control .selectize-input.disabled {
opacity: @selectize-opacity-disabled;
background-color: @selectize-color-disabled;
}

81
frontend/less/espo/misc/summernote/elements.less Normal file
View File

@@ -0,0 +1,81 @@
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
background: @color;
background: -webkit-gradient(linear,
left bottom,
left top,
color-stop(0, @start),
color-stop(1, @stop));
background: -ms-linear-gradient(bottom,
@start,
@stop);
background: -moz-linear-gradient(center bottom,
@start 0%,
@stop 100%);
background: -o-linear-gradient(@stop,
@start);
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start));
}
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
background: @color;
background: -webkit-gradient(linear,
left bottom,
left top,
color-stop(0, rgb(@start,@start,@start)),
color-stop(1, rgb(@stop,@stop,@stop)));
background: -ms-linear-gradient(bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%);
background: -moz-linear-gradient(center bottom,
rgb(@start,@start,@start) 0%,
rgb(@stop,@stop,@stop) 100%);
background: -o-linear-gradient(rgb(@stop,@stop,@stop),
rgb(@start,@start,@start));
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start)));
}
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
border-top: solid var(--1px) @top-color;
border-left: solid var(--1px) @left-color;
border-right: solid var(--1px) @right-color;
border-bottom: solid var(--1px) @bottom-color;
}
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
}
.rounded(@radius: 2px) {
border-radius: @radius;
}
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
.background-clip(padding-box);
}
.transition-duration(@duration: 0.2s) {
transition-duration: @duration;
}
.transform(...) {
transform: @arguments;
}
.rotation(@deg:5deg){
.transform(rotate(@deg));
}
.transition(@duration:0.2s, @ease:ease-out) {
transition: all @duration @ease;
}
.box-sizing(@sizing: border-box) {
box-sizing: @sizing;
}
.columns(@colwidth: var(--256px), @colcount: 0, @colgap: var(--50px), @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: var(--1px)) {
column-width: @colwidth;
column-count: @colcount;
column-gap: @colgap;
column-rule-color: @columnRuleColor;
column-rule-style: @columnRuleStyle;
column-rule-width: @columnRuleWidth;
}
.background-clip(@argument: padding-box) {
background-clip: @argument;
}

270
frontend/less/espo/misc/summernote/icons.less Normal file
View File

@@ -0,0 +1,270 @@
@font-face {
font-family: "summernote";
font-style: normal;
font-weight: 400;
font-display: auto;
src: url("../../fonts/summernote.eot");
src: url("../../fonts/summernote.eot?#iefix") format("embedded-opentype"), url("../../fonts/summernote.woff2") format("woff2"), url("../../fonts/summernote.woff") format("woff"), url("../../fonts/summernote.ttf?0d0d5fac99cc8774d89eb08b1a8323c7") format("truetype");}
[class^="note-icon"]:before,
[class*=" note-icon"]:before {
display: inline-block;
font: normal normal normal 11px/1 summernote;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.note-icon-fw {
text-align: center;
width: 1.25em;
}
.note-icon-border {
border: solid 0.08em #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.note-icon-pull-left {
float: left;
}
.note-icon-pull-right {
float: right;
}
.note-icon.note-icon-pull-left {
margin-right: 0.3em;
}
.note-icon.note-icon-pull-right {
margin-left: 0.3em;
}
.note-icon-align::before {
content: "\ea01";
}
.note-icon-align-center::before {
content: "\ea02";
}
.note-icon-align-indent::before {
content: "\ea03";
}
.note-icon-align-justify::before {
content: "\ea04";
}
.note-icon-align-left::before {
content: "\ea05";
}
.note-icon-align-outdent::before {
content: "\ea06";
}
.note-icon-align-right::before {
content: "\ea07";
}
.note-icon-arrow-circle-down::before {
content: "\ea08";
}
.note-icon-arrow-circle-left::before {
content: "\ea09";
}
.note-icon-arrow-circle-right::before {
content: "\ea0a";
}
.note-icon-arrow-circle-up::before {
content: "\ea0b";
}
.note-icon-arrows-alt::before {
content: "\ea0c";
}
.note-icon-arrows-h::before {
content: "\ea0d";
}
.note-icon-arrows-v::before {
content: "\ea0e";
}
.note-icon-bold::before {
content: "\ea0f";
}
.note-icon-caret::before {
content: "\ea10";
}
.note-icon-chain-broken::before {
content: "\ea11";
}
.note-icon-circle::before {
content: "\ea12";
}
.note-icon-close::before {
content: "\ea13";
}
.note-icon-code::before {
content: "\ea14";
}
.note-icon-col-after::before {
content: "\ea15";
}
.note-icon-col-before::before {
content: "\ea16";
}
.note-icon-col-remove::before {
content: "\ea17";
}
.note-icon-eraser::before {
content: "\ea18";
}
.note-icon-float-left::before {
content: "\ea19";
}
.note-icon-float-none::before {
content: "\ea1a";
}
.note-icon-float-right::before {
content: "\ea1b";
}
.note-icon-font::before {
content: "\ea1c";
}
.note-icon-frame::before {
content: "\ea1d";
}
.note-icon-italic::before {
content: "\ea1e";
}
.note-icon-link::before {
content: "\ea1f";
}
.note-icon-magic::before {
content: "\ea20";
}
.note-icon-menu-check::before {
content: "\ea21";
}
.note-icon-minus::before {
content: "\ea22";
}
.note-icon-orderedlist::before {
content: "\ea23";
}
.note-icon-pencil::before {
content: "\ea24";
}
.note-icon-picture::before {
content: "\ea25";
}
.note-icon-question::before {
content: "\ea26";
}
.note-icon-redo::before {
content: "\ea27";
}
.note-icon-rollback::before {
content: "\ea28";
}
.note-icon-row-above::before {
content: "\ea29";
}
.note-icon-row-below::before {
content: "\ea2a";
}
.note-icon-row-remove::before {
content: "\ea2b";
}
.note-icon-special-character::before {
content: "\ea2c";
}
.note-icon-square::before {
content: "\ea2d";
}
.note-icon-strikethrough::before {
content: "\ea2e";
}
.note-icon-subscript::before {
content: "\ea2f";
}
.note-icon-summernote::before {
content: "\ea30";
}
.note-icon-superscript::before {
content: "\ea31";
}
.note-icon-table::before {
content: "\ea32";
}
.note-icon-text-height::before {
content: "\ea33";
}
.note-icon-trash::before {
content: "\ea34";
}
.note-icon-underline::before {
content: "\ea35";
}
.note-icon-undo::before {
content: "\ea36";
}
.note-icon-unorderedlist::before {
content: "\ea37";
}
.note-icon-video::before {
content: "\ea38";
}

493
frontend/less/espo/misc/summernote/summernote.less Normal file
View File

@@ -0,0 +1,493 @@
@import "elements.less";
/* Theme Variables
------------------------------------------*/
@border-color: #a9a9a9;
@background-color: #f5f5f5;
@img-margin-left: 10px;
@img-margin-right: 10px;
/* Layout
------------------------------------------*/
.note-editor {
position: relative;
/* dropzone */
@dropzone-color: lightskyblue;
@dropzone-active-color: darken(@dropzone-color, 30);
.note-dropzone {
position: absolute;
display: none;
z-index: 100;
color: @dropzone-color;
background-color: white;
opacity: 0.95;
.note-dropzone-message {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: var(--28px);
font-weight: bold;
}
&.hover {
color: @dropzone-active-color;
}
}
&.dragover .note-dropzone {
display: table;
}
.note-editing-area {
position: relative;
.note-editable {
outline: none;
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
}
img.note-float-left {
margin-right: @img-margin-right;
}
img.note-float-right {
margin-left: @img-margin-left;
}
}
}
/* Frame mode layout
------------------------------------------*/
.note-editor.note-frame {
border: var(--1px) solid @border-color;
/* codeview mode */
&.codeview {
.note-editing-area {
.note-editable {
display: none;
}
.note-codable {
display: block;
}
}
}
.note-editing-area {
overflow: hidden;
/* editable */
.note-editable {
background-color: #fff;
color: #000;
padding: var(--10px);
overflow: auto;
&[contenteditable="false"] {
background-color: #e5e5e5;
}
}
/* codeable */
.note-codable {
display: none;
width: 100%;
padding: 10px;
border: none;
box-shadow: none;
font-family: Menlo, Monaco, monospace, sans-serif;
font-size: var(--14px);
color: #ccc;
background-color: #222;
resize: none;
/* override BS2 default style */
.box-sizing(border-box);
.rounded(0);
margin-bottom: 0;
}
}
/* fullscreen mode */
&.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100% !important;
z-index: 1050; /* bs3 modal-backdrop: 1030, bs2: 1040 */
.note-editable {
background-color: white;
}
.note-resizebar {
display: none;
}
}
/* statusbar */
.note-statusbar {
background-color: @background-color;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
.note-resizebar {
padding-top: 1px;
height: 8px;
width: 100%;
cursor: ns-resize;
.note-icon-bar {
width: 20px;
margin: 1px auto;
border-top: 1px solid @border-color;
}
}
}
.note-placeholder {
padding: 10px;
}
}
/* Popover
------------------------------------------*/
.note-popover.popover {
max-width: none;
.popover-content {
a {
display: inline-block;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; /* for FF */
vertical-align: middle; /* for FF */
}
}
.arrow {
left: 20px !important;
}
}
/* Popover and Toolbar (Button container)
------------------------------------------*/
.note-popover .popover-content, .panel-heading.note-toolbar {
margin: 0;
padding: 0 0 5px 5px;
&>.btn-group {
margin-top: 5px;
margin-left: 0;
margin-right: 5px;
}
.btn-group {
.note-table {
min-width: 0;
padding: 5px;
.note-dimension-picker {
font-size: var(--18px);
.note-dimension-picker-mousecatcher {
position: absolute !important;
z-index: 3;
width: 10em;
height: 10em;
cursor: pointer;
}
.note-dimension-picker-unhighlighted {
position: relative !important;
z-index: 1;
width: 5em;
height: 5em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}
.note-dimension-picker-highlighted {
position: absolute !important;
z-index: 2;
width: 1em;
height: 1em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}
}
}
}
.note-style {
h1, h2, h3, h4, h5, h6, blockquote {
margin: 0;
}
}
.note-color {
.dropdown-toggle {
width: 20px;
padding-left: 5px;
}
.dropdown-menu {
min-width: 337px;
.note-palette {
display: inline-block;
margin: 0;
width: 160px;
&:first-child {
margin: 0 5px;
}
.note-palette-title {
font-size: var(--12px);
margin: 2px 7px;
text-align: center;
border-bottom: 1px solid #eee;
}
.note-color-reset {
margin: 3px;
padding: 0 3px;
width: 100%;
font-size: var(--11px);
cursor: pointer;
.rounded(5px);
}
.note-color-row {
height: 20px;
}
.note-color-reset:hover {
background: #eee;
}
}
}
}
.note-para {
.dropdown-menu {
min-width: 216px;
padding: 5px;
&>div:first-child {
margin-right: 5px;
}
}
}
/* dropdown-menu for toolbar and popover */
.dropdown-menu {
min-width: 90px;
/* dropdown-menu right position */
/* http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB */
&.right {
right: 0;
left: auto;
&::before { right: 9px; left: auto !important; }
&::after { right: 10px; left: auto !important; }
}
/* dropdown-menu for selectbox */
&.note-check {
li a i {
//color: deepskyblue; // Espo
visibility: hidden;
}
li a.checked i {
visibility: visible;
}
}
// Espo
.note-palette {
padding-bottom: var(--4px);
input.note-color-select-btn {
position: relative;
top: var(--4px);
left: var(--4px);
border: 0;
}
.note-holder-custom {
display: none;
}
.note-color-select {
display: none;
}
}
}
.note-fontsize-10 {
font-size: var(--10px);
}
/* color palette for toolbar and popover */
.note-color-palette {
line-height: 1;
div {
.note-color-btn {
width: 20px;
height: 20px;
padding: 0;
margin: 0;
border: 1px solid #fff;
}
.note-color-btn:hover {
border: 1px solid #000;
}
}
}
}
/* Dialog
------------------------------------------*/
.note-dialog {
&>div {
display: none; /* BS2's hide pacth. */
}
.form-group { /* overwrite BS's form-horizontal minus margins */
margin-left: 0;
margin-right: 0;
}
.note-modal-form {
margin: 0; /* overwrite BS2's form margin bottom */
}
.note-image-dialog {
.note-dropzone {
min-height: 100px;
font-size: var(--30px);
line-height: 4; /* vertical-align */
color: lightgray;
text-align: center;
border: 4px dashed lightgray;
margin-bottom: 10px;
}
}
// [workaround] firefox fileinput
@-moz-document url-prefix() {
.note-image-input {
height: auto;
}
}
}
/* Placeholder
------------------------------------------*/
.note-placeholder {
position: absolute;
display: none;
color: gray;
}
/* Handle
------------------------------------------*/
.note-handle {
/* control selection */
.note-control-selection {
position: absolute;
display: none;
border: 1px solid black;
&>div { position: absolute; }
.note-control-selection-bg {
width: 100%;
height: 100%;
background-color: black;
opacity: 0.30;
}
.note-control-handle {
width: 7px;
height: 7px;
border: 1px solid black;
}
.note-control-holder {
.note-control-handle;
}
.note-control-sizing {
.note-control-handle;
background-color: white;
}
.note-control-nw {
top: -5px;
left: -5px;
border-right: none;
border-bottom: none;
}
.note-control-ne {
top: -5px;
right: -5px;
border-bottom: none;
border-left: none;
}
.note-control-sw {
bottom: -5px;
left: -5px;
border-top: none;
border-right: none;
}
.note-control-se {
right: -5px;
bottom: -5px;
cursor: se-resize;
}
.note-control-se.note-control-holder {
cursor: default;
border-top: none;
border-left: none;
}
.note-control-selection-info {
right: 0;
bottom: 0;
padding: 5px;
margin: 5px;
color: white;
background-color: black;
font-size: var(--12px);
.rounded(5px);
opacity: 0.7;
}
}
}
.note-hint-popover {
min-width: 100px;
padding: 2px;
.popover-content {
padding: 3px;
max-height: 150px;
overflow: auto;
.note-hint-group {
.note-hint-item {
display: block !important;
padding: 3px;
&.active, &:hover {
display: block;
clear: both;
font-weight: 400;
line-height: 1.4;
color: white;
white-space: nowrap;
text-decoration: none;
background-color: #428bca;
outline: 0;
cursor: pointer;
}
}
}
}
}

119
frontend/less/espo/misc/timeline/timeline.less Normal file
View File

@@ -0,0 +1,119 @@
#main > .calendar-container .timeline {
border: var(--1px) solid var(--calendar-border);
}
.calendar-container .timeline {
border-bottom: var(--1px) solid var(--calendar-border);
}
.vis-content .vis-item.clickable .vis-item-content {
cursor: pointer !important;
}
.vis-item .vis-item-content:not(.clickable) {
cursor: default !important;
}
.vis-content .vis-labelset .vis-label .vis-inner {
max-width: var(--200px);
.text-overflow();
padding: var(--table-cell-padding);
}
.vis-foreground .vis-group,
.vis-labelset .vis-label {
border-bottom-color: var(--calendar-border) !important;
}
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom,
.vis-time-axis .vis-grid.vis-major {
border-color: var(--calendar-border) !important;
}
.vis-time-axis {
color: var(--gray);
}
.vis-item .vis-item-content {
color: var(--white-color) !important;
}
.vis-item.vis-range .vis-item-content,
.vis-item.vis-box .vis-item-content {
padding-left: var(--2px) !important;
padding-right: var(--2px) !important;
padding-top: var(--2px) !important;
padding-bottom: var(--2px) !important;
}
.vis-timeline {
border-width: 0 !important;
}
.vis-item .vis-item-content {
font-size: 0.85em !important;
}
.vis-item.event-canceled .vis-item-content {
text-decoration: line-through !important;
}
.vis-item.vis-range, .vis-item.vis-box {
border-radius: var(--border-radius) !important;
}
.vis-current-time {
background-color: var(--brand-danger) !important;
opacity: 0.9;
}
.calendar-container .timeline .vis-item,
.calendar-container .timeline .vis-item.vis-selected {
border-color: var(--brand-primary-lighten-10);
background-color: var(--brand-primary-lighten-10);
}
.calendar-container .timeline .vis-tooltip {
display: none;
}
.vis-item.vis-background.busy {
background-color: var(--calendar-busy-bg);
}
.vis-item.vis-background.non-working {
opacity: 0.7;
}
.vis-item.vis-background.event-range {
border-color: var(--brand-primary-lighten-10);
border-left-width: var(--4px);
border-right-width: var(--4px);
border-left-style: solid;
border-right-style: solid;
background: none;
}
.timeline > .vis-timeline {
border-bottom-right-radius: var(--panel-border-radius);
}
.panel.first,
.panel.in-middle {
.timeline > .vis-timeline {
border-bottom-right-radius: 0;
}
}
@media screen and (max-width: @screen-xs-max) {
.vis-timeline {
font-size: 93%;
}
}
.vis-time-axis .vis-grid.vis-minor {
border-color: var(--calendar-border) !important;
}

58
frontend/less/espo/misc/timepicker/timepicker.less Normal file
View File

@@ -0,0 +1,58 @@
.ui-timepicker-wrapper {
overflow-y: auto;
max-height: var(--168px); // Espo
width: 6.5em;
box-shadow: 0 var(--5px) var(--10px) rgba(0,0,0,0.2);
outline: none;
z-index: 10001;
margin: 0;
background: var(--dropdown-bg);
border-color: var(--dropdown-border);
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
width: 11em;
}
.ui-timepicker-list {
margin: 0;
padding: 0;
list-style: none;
}
.ui-timepicker-duration {
margin-left: var(--5px);
}
.ui-timepicker-list:hover .ui-timepicker-duration {
}
.ui-timepicker-list li {
padding: var(--3px) 0 var(--3px) var(--5px);
cursor: pointer;
white-space: nowrap;
list-style: none;
margin: 0;
color: var(--dropdown-link-color);
}
.ui-timepicker-list {
> li.ui-timepicker-selected {
color: var(--text-color);
background: var(--dropdown-link-hover-bg);
}
> li:hover:not(.ui-timepicker-selected) {
color: var(--text-color);
background: var(--dropdown-link-hover-bg);
}
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
cursor: default;
}

193
frontend/less/espo/misc/wysiwyg.less Normal file
View File

@@ -0,0 +1,193 @@
.wysiwyg-iframe-container {
&.fallback {
border-radius: var(--border-radius);
overflow: hidden;
background-color: var(--white-color);
}
}
.note-editable blockquote {
font-size: var(--font-size-base);
}
.note-editor {
.note-toolbar.sticked {
z-index: 1;
position: fixed;
background-color: @panel-bg;
}
&.panel > .panel-heading {
.btn {
padding-top: var(--4px);
padding-bottom: var(--4px);
}
.dropdown-menu .btn-group > .btn {
> i {
top: var(--1px);
position: relative;
}
}
}
.note-editing-area {
ul,
ol {
margin-top: var(--line-height-computed-half);
margin-bottom: var(--line-height-computed-half);
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
}
}
.panel.note-editor {
margin-bottom: 0;
.note-toolbar {
border-bottom: 0 !important;
background-color: transparent;
> .btn-group {
margin-bottom: var(--5px);
.btn {
margin-bottom: 0;
height: var(--input-height-small);
}
}
}
&.panel-default {
> .panel-heading .btn-default {
background-color: var(--btn-default-bg) !important;
border-color: var(--btn-default-border) !important;
}
}
.panel-heading {
padding: var(--5px) var(--5px) 0 var(--5px);
min-height: calc(var(--30px)+ var(--10px));
}
.note-editable {
min-height: var(--39px);
table.bordered {
&, th, td {
border: var(--1px) solid;
}
}
a {
color: var(--text-link-color);
&:hover,
&:focus:hover {
color: var(--text-link-hover-color);
}
}
}
&.note-frame {
.note-editing-area {
.note-editable {
background-color: var(--input-bg);
color: var(--input-color);
&[contenteditable="false"] {
background-color: var(--text-color);
}
}
}
.note-statusbar {
background-color: var(--input-bg);
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
height: var(--8px);
}
output.note-status-output {
padding-top: 0;
}
}
}
body .note-editor {
.panel-heading {
> .btn-group {
right: 0;
top: 0;
> .btn {
> i,
> span {
position: relative;
top: var(--1px);
}
}
> .btn-group {
> .btn {
> i,
> span {
position: relative;
top: var(--1px);
}
}
}
}
}
&.codeview {
textarea.note-codable {
min-height: var(--400px);
}
}
.note-statusbar.locked {
.note-resizebar {
display: none;
}
}
}
.note-editor,
.wysiwyg-iframe-container {
+ .show-quote-button {
padding: var(--1px) var(--4px);
height: var(--14px);
line-height: var(--4px);
width: var(--26px);
}
}
.note-editor {
+ .show-quote-button {
position: relative;
top: calc(var(--27px) * -1);
left: var(--10px);
}
&.codeview {
+ .show-quote-button {
display: none;
}
}
&:has(+ .show-quote-button):not(.codeview) {
.note-editable {
padding-bottom: var(--26px);
}
}
}