@progress/kendo-theme-core 12.1.0-dev.1 → 12.1.0-dev.2

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,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-core",
3
3
  "description": "A collection of functions and mixins used for building themes for Kendo UI",
4
- "version": "12.1.0-dev.1",
4
+ "version": "12.1.0-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -46,5 +46,5 @@
46
46
  "directories": {
47
47
  "doc": "docs"
48
48
  },
49
- "gitHead": "7b3a495779befd95451b5e9193f492f0cc917a6e"
49
+ "gitHead": "e99d3c1caaddd333f4d74beb7f2061382f0d2241"
50
50
  }
@@ -93,7 +93,7 @@
93
93
 
94
94
 
95
95
  // Push drawer
96
- .k-drawer-push {
96
+ .k-drawer-container:where(.k-drawer-push) {
97
97
  display: flex;
98
98
  flex-direction: row;
99
99
 
@@ -152,7 +152,7 @@
152
152
 
153
153
 
154
154
  // No flexbox fix
155
- .k-noflexbox {
155
+ :where(.k-noflexbox) {
156
156
  .k-listgroup,
157
157
  .k-listgroup > ul
158
158
  .k-listgroup-item,
@@ -43,10 +43,9 @@
43
43
  align-items: center;
44
44
  }
45
45
 
46
-
46
+ // TODO: Check if we can remove .k-pager-nav and %base-pager-item
47
47
  // Base pager item
48
48
  %base-pager-item {
49
- color: inherit;
50
49
  text-align: center;
51
50
  display: inline-flex;
52
51
  align-items: center;
@@ -100,7 +100,6 @@
100
100
  }
101
101
  }
102
102
 
103
-
104
103
  .k-text-layer {
105
104
  position: absolute;
106
105
  inset-block-start: 0;
@@ -148,9 +147,38 @@
148
147
  transform-origin: 0 0;
149
148
  pointer-events: none;
150
149
 
151
- section {
150
+ * {
151
+ box-sizing: border-box;
152
+ }
153
+
154
+ .k-link-annotation > a,
155
+ .k-button-widget-annotation.k-push-button-widget-annotation > a {
156
+ position: absolute;
157
+ inset-block-start: 0;
158
+ inset-inline-start: 0;
159
+ width: 100%;
160
+ height: 100%;
161
+ }
162
+
163
+ section[class$="annotation" i] {
152
164
  position: absolute;
153
165
  pointer-events: auto;
166
+
167
+ input, select {
168
+ height: 100%;
169
+ width: 100%;
170
+ }
171
+
172
+ .k-text-widget-annotation > input[type="text"] {
173
+ border: none;
174
+ text-indent: 0.25em;
175
+ }
176
+
177
+ .k-checkbox-widget-annotation > input[type="checkbox"],
178
+ .k-radio-button-widget-annotation > input[type="radio"] {
179
+ margin-inline-start: 0;
180
+ margin-block-start: 0;
181
+ }
154
182
  }
155
183
 
156
184
  .k-annotation-text-content {
@@ -163,14 +191,6 @@
163
191
  pointer-events: none;
164
192
  }
165
193
 
166
- .k-link-annotation > a {
167
- position: absolute;
168
- inset-block-start: 0;
169
- inset-inline-start: 0;
170
- width: 100%;
171
- height: 100%;
172
- }
173
-
174
194
  .k-text-widget-annotation .k-annotation-content {
175
195
  position: absolute;
176
196
  width: 100%;
@@ -41,6 +41,14 @@
41
41
  $kendo-pdf-viewer-page-border
42
42
  );
43
43
  @include box-shadow( $kendo-pdf-viewer-page-shadow );
44
+
45
+ .k-annotation-layer {
46
+ .k-link-annotation > a:hover {
47
+ opacity: 0.2;
48
+ background-color: $kendo-pdf-viewer-search-highlight-mark-bg;
49
+ box-shadow: 0 2px 10px $kendo-pdf-viewer-search-highlight-mark-bg;
50
+ }
51
+ }
44
52
  }
45
53
 
46
54
  .k-blank-page > .k-icon {
@@ -45,25 +45,21 @@
45
45
  }
46
46
  }
47
47
 
48
- .k-skeleton-wave {
49
-
50
- .k-skeleton,
51
- &.k-skeleton {
52
- position: relative;
53
- overflow: hidden;
54
-
55
- &::after {
56
- content: "";
57
- position: absolute;
58
- inset-block-start: 0;
59
- inset-inline-end: 0;
60
- inset-block-end: 0;
61
- inset-inline-start: 0;
62
- transform: translateX(-100%);
63
- animation: k-skeleton-wave 1.6s linear .5s infinite;
64
- }
48
+ :where(.k-skeleton-wave) .k-skeleton,
49
+ :where(.k-skeleton-wave).k-skeleton {
50
+ position: relative;
51
+ overflow: hidden;
52
+
53
+ &::after {
54
+ content: "";
55
+ position: absolute;
56
+ inset-block-start: 0;
57
+ inset-inline-end: 0;
58
+ inset-block-end: 0;
59
+ inset-inline-start: 0;
60
+ transform: translateX(-100%);
61
+ animation: k-skeleton-wave 1.6s linear .5s infinite;
65
62
  }
66
-
67
63
  }
68
64
 
69
65
 
@@ -80,13 +76,9 @@
80
76
  }
81
77
  }
82
78
 
83
- .k-skeleton-pulse {
84
-
85
- .k-skeleton,
86
- &.k-skeleton {
87
- animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite;
88
- }
89
-
79
+ :where(.k-skeleton-pulse) .k-skeleton,
80
+ :where(.k-skeleton-pulse).k-skeleton {
81
+ animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite;
90
82
  }
91
83
 
92
84
  }
@@ -9,10 +9,9 @@
9
9
 
10
10
 
11
11
  // Skeleton wave
12
- .k-skeleton-wave {
13
-
14
- .k-skeleton::after,
15
- &.k-skeleton::after {
12
+ :where(.k-skeleton-wave) .k-skeleton,
13
+ :where(.k-skeleton-wave).k-skeleton {
14
+ &::after {
16
15
  background-image: linear-gradient(
17
16
  to right,
18
17
  transparent,
@@ -271,7 +271,7 @@
271
271
  }
272
272
 
273
273
  .k-floating-toolbar,
274
- .editorToolbarWindow.k-window-content { // stylelint-disable-line
274
+ .k-window-content:where(.editorToolbarWindow) { // stylelint-disable-line
275
275
  padding-block: $kendo-toolbar-md-padding-y !important; // stylelint-disable-line declaration-no-important
276
276
  padding-inline: $kendo-toolbar-md-padding-x !important; // stylelint-disable-line declaration-no-important
277
277
  border-width: $kendo-toolbar-border-width;