pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-26 13:23:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2592 from ONLYOFFICE/fix/Bug-64007

Browse Source 
Bug 64007
This commit is contained in:
Maxim Kadushkin
2023-09-29 18:37:14 +03:00
committed by GitHub
parent 50024e73e7 dcca13a38f
commit ef8b2635ce
1 changed files with 39 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
apps/common/main/resources/less/dimension-picker.less
View File

@ -12,51 +12,64 @@
position: absolute !important;
}
.background-cells-all(@border-color, @fill-Color, @first-coord, @last-coord, @background-color: @background-normal){
.background-cells-all(@border-color, @fill-Color, @first-coord, @background-color: @background-normal){
background: linear-gradient( 90deg, @background-color, @background-color @first-coord, transparent @first-coord, transparent @last-coord, @background-color @last-coord, @background-color),
linear-gradient( @background-color, @background-color @first-coord, transparent @first-coord, transparent @last-coord, @background-color @last-coord, @background-color),
linear-gradient( 90deg, transparent, transparent @first-coord, @border-color @first-coord, @border-color 2px, transparent 2px, transparent 18px, @border-color 18px, @border-color @last-coord, transparent @last-coord, transparent),
linear-gradient( transparent, transparent @first-coord, @border-color @first-coord, @border-color 2px, @fill-Color 2px, @fill-Color 18px, @border-color 18px, @border-color @last-coord, transparent @last-coord, transparent );
background:
linear-gradient( 90deg, @background-color, @background-color @first-coord, transparent @first-coord),
linear-gradient( to left, @background-color, @background-color @first-coord, transparent @first-coord),
linear-gradient( to top, @background-color, @background-color @first-coord, transparent @first-coord),
linear-gradient( @background-color, @background-color @first-coord, transparent @first-coord),
linear-gradient( to right, transparent, transparent @first-coord, @border-color @first-coord, @border-color 2px, transparent 2px),
linear-gradient( to left, transparent, transparent @first-coord, @border-color @first-coord, @border-color 2px, transparent 2px),
linear-gradient( to top, transparent, transparent @first-coord, @border-color @first-coord, @border-color 2px, transparent 2px ),
linear-gradient( transparent, transparent @first-coord, @border-color @first-coord, @border-color 2px, @fill-Color 2px );
background-size: 1em 1em;
}
.background-cells(@border-color, @fill-Color, @size-one-pixel: @scaled-one-px-value){
@first-coord: calc(2px - @size-one-pixel);
@last-coord: calc(18px + @size-one-pixel);
.background-cells-all(@border-color, @fill-Color, @first-coord, @last-coord);
@media only screen {
@media(-webkit-max-device-pixel-ratio: 1.9),
(max-resolution: 1.9dppx),
(max-resolution: 191dpi)
{
.background-cells-all(@border-color, @fill-Color, calc(2px - @size-one-pixel));
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi)
{
.background-cells-all(@border-color, @fill-Color, 1.5px);
}
@media (-webkit-device-pixel-ratio: 3),
(resolution: 3dppx),
(resolution: 288dpi)
{
.background-cells-all(@border-color, @fill-Color, 1.33px);
}
}
}
.background-cells-ie(@border-color, @fill-Color){
.background-cells-all(@border-color, @fill-Color, @scaled-one-px-value-ie, 19px, @background-normal-ie);
background:
linear-gradient( 90deg, @background-normal-ie, @background-normal-ie @scaled-one-px-value-ie, transparent @scaled-one-px-value-ie, transparent 19px, @background-normal-ie 19px, @background-normal-ie),
linear-gradient( @background-normal-ie, @background-normal-ie @scaled-one-px-value-ie, transparent @scaled-one-px-value-ie, transparent 19px, @background-normal-ie 19px, @background-normal-ie),
linear-gradient( 90deg, transparent, transparent @scaled-one-px-value-ie, @border-color @scaled-one-px-value-ie, @border-color 2px, transparent 2px, transparent 18px, @border-color 18px, @border-color 19px, transparent 19px, transparent),
linear-gradient( transparent, transparent @scaled-one-px-value-ie, @border-color @scaled-one-px-value-ie, @border-color 2px, @fill-Color 2px, @fill-Color 18px, @border-color 18px, @border-color 19px, transparent 19px, transparent );
background-size: 1em 1em;
}
.dimension-picker div.dimension-picker-highlighted {
left: 0;
top: 0;
overflow: hidden;
position: absolute;
.background-cells-ie(@border-control-focus-ie, @highlight-button-pressed-ie);
&:not(.pixel-ratio__2){
.background-cells(@border-control-focus, @highlight-button-pressed);
}
.pixel-ratio__2 &{
.background-cells(@border-control-focus, @highlight-button-pressed, 0.5px);
}
.background-cells(@border-control-focus, @highlight-button-pressed);
}
.dimension-picker-unhighlighted {
.background-cells-ie(@border-regular-control-ie, @background-normal-ie);
&:not(.pixel-ratio__2){
.background-cells(@border-regular-control, @background-normal);
}
.pixel-ratio__2 &{
.background-cells(@border-regular-control, @background-normal, 0.5px);
}
.background-cells(@border-regular-control, @background-normal);
}
.dimension-picker-status {