LAR_Maintenance/resources/sass/quill/snow/_tooltip.scss

80 lines
1.5 KiB
SCSS

.ql-snow {
.ql-tooltip {
background-color: var(--ql-tooltip-background);
border: 1px solid var(--ql-border-color);
box-shadow: 0px 0px 5px var(--ql-shadow-color);
color: var(--ql-text-color);
padding: 5px 12px;
white-space: nowrap;
&::before {
content: 'Visit URL:';
line-height: 26px;
margin-right: $tooltipMargin;
}
input[type='text'] {
display: none;
border: 1px solid var(--ql-border-color);
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
a {
line-height: 26px;
}
a.ql-preview {
display: inline-block;
max-width: $tooltipMargin * 2;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
a.ql-action::after {
border-right: 1px solid var(--ql-border-color);
content: 'Edit';
margin-left: $tooltipMargin * 2;
padding-right: $tooltipMargin;
}
a.ql-remove::before {
content: 'Remove';
margin-left: $tooltipMargin;
}
}
.ql-tooltip.ql-editing {
a.ql-preview,
a.ql-remove {
display: none;
}
input[type='text'] {
display: inline-block;
}
a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
}
.ql-tooltip[data-mode='link']::before {
content: 'Enter link:';
}
.ql-tooltip[data-mode='formula']::before {
content: 'Enter formula:';
}
.ql-tooltip[data-mode='video']::before {
content: 'Enter video:';
}
}