Skip to content

Commit 6a8762c

Browse files
oltonolton
committed
upd linked-block
1 parent 7a9d384 commit 6a8762c

File tree

6 files changed

+559
-415
lines changed

6 files changed

+559
-415
lines changed

‎lib/metro.css‎

Lines changed: 88 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -66421,83 +66421,39 @@ label:has(input) {
6642166421
max-width: calc(100vw - 20px);
6642266422
}
6642366423

66424-
/* source/components/resizable-container/resizable-container.less */
66424+
/* source/components/resizable/resizeable.less */
6642566425
:root {
66426-
--resizable-container-border-color: #000;
66427-
--resizable-container-border-width: 1px;
66428-
--resizable-container-point-size: 8px;
66426+
--resizer-color: var(--border-color);
66427+
--resizer-color-disabled: var(--default-background-disabled);
6642966428
}
6643066429
.dark-side {
66431-
--resizable-container-border-color: #fff;
66432-
}
66433-
.resizable-container {
66434-
user-select: none;
66430+
--resizer-color: var(--border-color);
66431+
--resizer-color-disabled: var(--default-background-disabled);
6643566432
}
66436-
.resizable-container .rc-contour {
66433+
.resize-element {
66434+
display: block;
6643766435
position: absolute;
66438-
inset: 0;
66439-
background: transparent;
66440-
border: var(--resizable-container-border-width) dashed var(--resizable-container-border-color);
66441-
border-radius: 0;
66442-
overflow: visible;
66436+
right: -1px;
66437+
bottom: -1px;
66438+
z-index: 101;
66439+
cursor: nwse-resize;
66440+
width: 12px;
66441+
height: 12px;
6644366442
}
66444-
.resizable-container .rc-contour .rc-point {
66443+
.resize-element::after {
6644566444
position: absolute;
66446-
width: var(--resizable-container-point-size);
66447-
aspect-ratio: 1;
66448-
background: var(--default-background);
66449-
border: var(--resizable-container-border-width) solid var(--resizable-container-border-color);
66450-
}
66451-
.resizable-container .rc-contour .-nw {
66452-
top: 0;
66453-
left: 0;
66454-
cursor: nw-resize;
66455-
transform: translate(-50%, -50%);
66456-
}
66457-
.resizable-container .rc-contour .-ne {
66458-
top: 0;
66459-
right: 0;
66460-
cursor: ne-resize;
66461-
transform: translate(50%, -50%);
66462-
}
66463-
.resizable-container .rc-contour .-sw {
66464-
bottom: 0;
66465-
left: 0;
66466-
cursor: sw-resize;
66467-
transform: translate(-50%, 50%);
66468-
}
66469-
.resizable-container .rc-contour .-se {
66470-
bottom: 0;
66445+
display: block;
66446+
border-bottom: 12px solid var(--resizer-color);
66447+
border-left: 12px solid transparent;
66448+
content: "";
6647166449
right: 0;
66472-
cursor: se-resize;
66473-
transform: translate(50%, 50%);
66474-
}
66475-
.resizable-container .rc-contour .-n {
66476-
top: 0;
66477-
left: 50%;
66478-
transform: translateX(-50%) translateY(calc(-50% - 1px));
66479-
cursor: n-resize;
66480-
}
66481-
.resizable-container .rc-contour .-s {
6648266450
bottom: 0;
66483-
left: 50%;
66484-
transform: translateX(-50%) translateY(calc(50% + 1px));
66485-
cursor: s-resize;
66486-
}
66487-
.resizable-container .rc-contour .-e {
66488-
top: 50%;
66489-
right: 0;
66490-
transform: translateY(-50%) translateX(calc(50% + 1px));
66491-
cursor: e-resize;
6649266451
}
66493-
.resizable-container .rc-contour .-w {
66494-
top: 50%;
66495-
left: 0;
66496-
transform: translateY(-50%) translateX(calc(-50% - 1px));
66497-
cursor: w-resize;
66452+
.resize-element.resize-element-disabled {
66453+
cursor: default;
6649866454
}
66499-
.resizable-container .rc-contour.disabled {
66500-
display: none;
66455+
.resize-element.resize-element-disabled::after {
66456+
border-bottom-color: var(--resizer-color-disabled);
6650166457
}
6650266458

6650366459
/* source/components/linked-block/linked-block.less */
@@ -72018,39 +71974,83 @@ label:has(input) {
7201871974
flex: 0 0 var(--remote-table-count-block-size);
7201971975
}
7202071976

72021-
/* source/components/resizable/resizeable.less */
71977+
/* source/components/resizable-container/resizable-container.less */
7202271978
:root {
72023-
--resizer-color: var(--border-color);
72024-
--resizer-color-disabled: var(--default-background-disabled);
71979+
--resizable-container-border-color: #000;
71980+
--resizable-container-border-width: 1px;
71981+
--resizable-container-point-size: 8px;
7202571982
}
7202671983
.dark-side {
72027-
--resizer-color: var(--border-color);
72028-
--resizer-color-disabled: var(--default-background-disabled);
71984+
--resizable-container-border-color: #fff;
7202971985
}
72030-
.resize-element {
72031-
display: block;
71986+
.resizable-container {
71987+
user-select: none;
71988+
}
71989+
.resizable-container .rc-contour {
7203271990
position: absolute;
72033-
right: -1px;
72034-
bottom: -1px;
72035-
z-index: 101;
72036-
cursor: nwse-resize;
72037-
width: 12px;
72038-
height: 12px;
71991+
inset: 0;
71992+
background: transparent;
71993+
border: var(--resizable-container-border-width) dashed var(--resizable-container-border-color);
71994+
border-radius: 0;
71995+
overflow: visible;
7203971996
}
72040-
.resize-element::after {
71997+
.resizable-container .rc-contour .rc-point {
7204171998
position: absolute;
72042-
display: block;
72043-
border-bottom: 12px solid var(--resizer-color);
72044-
border-left: 12px solid transparent;
72045-
content: "";
71999+
width: var(--resizable-container-point-size);
72000+
aspect-ratio: 1;
72001+
background: var(--default-background);
72002+
border: var(--resizable-container-border-width) solid var(--resizable-container-border-color);
72003+
}
72004+
.resizable-container .rc-contour .-nw {
72005+
top: 0;
72006+
left: 0;
72007+
cursor: nw-resize;
72008+
transform: translate(-50%, -50%);
72009+
}
72010+
.resizable-container .rc-contour .-ne {
72011+
top: 0;
7204672012
right: 0;
72013+
cursor: ne-resize;
72014+
transform: translate(50%, -50%);
72015+
}
72016+
.resizable-container .rc-contour .-sw {
7204772017
bottom: 0;
72018+
left: 0;
72019+
cursor: sw-resize;
72020+
transform: translate(-50%, 50%);
7204872021
}
72049-
.resize-element.resize-element-disabled {
72050-
cursor: default;
72022+
.resizable-container .rc-contour .-se {
72023+
bottom: 0;
72024+
right: 0;
72025+
cursor: se-resize;
72026+
transform: translate(50%, 50%);
7205172027
}
72052-
.resize-element.resize-element-disabled::after {
72053-
border-bottom-color: var(--resizer-color-disabled);
72028+
.resizable-container .rc-contour .-n {
72029+
top: 0;
72030+
left: 50%;
72031+
transform: translateX(-50%) translateY(calc(-50% - 1px));
72032+
cursor: n-resize;
72033+
}
72034+
.resizable-container .rc-contour .-s {
72035+
bottom: 0;
72036+
left: 50%;
72037+
transform: translateX(-50%) translateY(calc(50% + 1px));
72038+
cursor: s-resize;
72039+
}
72040+
.resizable-container .rc-contour .-e {
72041+
top: 50%;
72042+
right: 0;
72043+
transform: translateY(-50%) translateX(calc(50% + 1px));
72044+
cursor: e-resize;
72045+
}
72046+
.resizable-container .rc-contour .-w {
72047+
top: 50%;
72048+
left: 0;
72049+
transform: translateY(-50%) translateX(calc(-50% - 1px));
72050+
cursor: w-resize;
72051+
}
72052+
.resizable-container .rc-contour.disabled {
72053+
display: none;
7205472054
}
7205572055

7205672056
/* source/components/ribbon/ribbon.less */

‎lib/metro.css.map‎

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)