@rt-tools/ui-kit-v2 0.8.0 → 0.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rt-tools/ui-kit-v2",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.1",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"author": "Yauheni Krumin",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"dependencies": {
|
|
8
8
|
"tslib": "^2.8.0",
|
|
9
9
|
"@rt-tools/core": "^0.3.1",
|
|
10
|
-
"@rt-tools/utils": "^0.
|
|
10
|
+
"@rt-tools/utils": "^0.4.0"
|
|
11
11
|
},
|
|
12
12
|
"peerDependencies": {
|
|
13
13
|
"@rt-tools/core": "^0.3.1",
|
|
14
|
-
"@rt-tools/utils": "^0.
|
|
14
|
+
"@rt-tools/utils": "^0.4.0",
|
|
15
15
|
"@angular/cdk": "^22.0.0",
|
|
16
16
|
"@angular/common": "^22.0.0",
|
|
17
17
|
"@angular/compiler": "^22.0.0",
|
|
Binary file
|
|
@@ -3,7 +3,12 @@
|
|
|
3
3
|
`.rt-photo-viewer` — сам хост (шаблон начинается с ng-container, класс ставит host). */
|
|
4
4
|
|
|
5
5
|
.rt-photo-viewer {
|
|
6
|
+
// Вид управляющего элемента поверх кадра — своими свойствами: их делят кнопки панели и
|
|
7
|
+
// обе стрелки, и потребитель перекрывает их правилом той же цели.
|
|
6
8
|
--rt-photo-viewer-control-radius: var(--rt-radius-md);
|
|
9
|
+
--rt-photo-viewer-control-color: var(--rt-color-text-inverse);
|
|
10
|
+
--rt-photo-viewer-control-bg: color-mix(in srgb, var(--rt-color-bg-inverse) 55%, transparent);
|
|
11
|
+
--rt-photo-viewer-control-bg-hover: color-mix(in srgb, var(--rt-color-text-inverse) 24%, transparent);
|
|
7
12
|
|
|
8
13
|
display: block;
|
|
9
14
|
width: 100vw;
|
|
@@ -87,15 +92,17 @@
|
|
|
87
92
|
color: var(--rt-color-text-primary);
|
|
88
93
|
}
|
|
89
94
|
|
|
90
|
-
|
|
95
|
+
// Общий вид управляющего элемента поверх кадра: кнопки панели и обе стрелки лежат на
|
|
96
|
+
// самом снимке, а не на подложке, и читаются только инверсным цветом на своей заливке.
|
|
97
|
+
// Перечень един намеренно — разойдясь, три места дадут три разных вида поверх одного кадра.
|
|
91
98
|
&__bar rt-icon-button,
|
|
92
99
|
&__arrow-prev,
|
|
93
100
|
&__arrow-next {
|
|
94
|
-
--rt-icon-button-color: var(--rt-
|
|
95
|
-
--rt-icon-button-color-bg-hover:
|
|
101
|
+
--rt-icon-button-color: var(--rt-photo-viewer-control-color);
|
|
102
|
+
--rt-icon-button-color-bg-hover: var(--rt-photo-viewer-control-bg-hover);
|
|
96
103
|
|
|
97
104
|
border-radius: var(--rt-photo-viewer-control-radius);
|
|
98
|
-
background:
|
|
105
|
+
background: var(--rt-photo-viewer-control-bg);
|
|
99
106
|
}
|
|
100
107
|
|
|
101
108
|
&__arrow-prev,
|
|
Binary file
|