@timus-networks/theme 2.4.52 → 2.4.55

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.
Files changed (5) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/public/scss/theme.css +24 -13
  4. package/dist/runtime/public/scss/theme.scss +22 -16
  5. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
3
  "configKey": "themeOptions",
4
- "version": "2.4.52",
4
+ "version": "2.4.55",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "0.8.4",
7
7
  "unbuild": "2.0.0"
package/dist/module.mjs CHANGED
@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
11
11
  const __dirname = __cjs_path__.dirname(__filename);
12
12
  const require = __cjs_mod__.createRequire(import.meta.url);
13
13
  const name = "@timus-networks/theme";
14
- const version = "2.4.52";
14
+ const version = "2.4.55";
15
15
  const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
16
16
  const type = "module";
17
17
  const exports = {
package/dist/runtime/public/scss/theme.css CHANGED
@@ -1,3 +1,5 @@
1
+ @charset "UTF-8";
2
+ /* stylelint-disable scss/selector-nest-combinators */
1
3
  :root {
2
4
  --font-size: 1em;
3
5
  --border-width: 1px;
@@ -1206,6 +1208,7 @@ select {
1206
1208
  white-space: nowrap;
1207
1209
  }
1208
1210
 
1211
+ /* stylelint-disable scss/selector-nest-combinators */
1209
1212
  html,
1210
1213
  body,
1211
1214
  #main {
@@ -1247,24 +1250,32 @@ body {
1247
1250
  width: 24px;
1248
1251
  }
1249
1252
 
1250
- ::-webkit-scrollbar {
1253
+ .el-main {
1254
+ overflow: hidden scroll;
1255
+ position: relative; /* scrollbar'ın absolute pozisyonu için gerekli */
1256
+ }
1257
+
1258
+ .el-main::-webkit-scrollbar {
1259
+ position: absolute;
1260
+ right: 0;
1251
1261
  width: 8px;
1262
+ z-index: 1000;
1252
1263
  }
1253
1264
 
1254
- /* background of the scrollbar except button or resizer */
1255
- ::-webkit-scrollbar-track {
1256
- background-color: rgba(255, 255, 255, 0.01);
1257
- border-radius: 10px;
1265
+ .el-main::-webkit-scrollbar-track {
1266
+ background: transparent;
1267
+ }
1268
+
1269
+ .el-main::-webkit-scrollbar-thumb {
1270
+ background-color: rgba(0, 0, 0, 0);
1271
+ border-radius: 4px;
1272
+ transition: background-color 0.3s ease;
1258
1273
  }
1259
1274
 
1260
- /* scrollbar itself */
1261
- ::-webkit-scrollbar-thumb {
1262
- background-color: rgba(255, 255, 255, 0.01);
1263
- border: 2px solid rgba(255, 255, 255, 0.01);
1264
- border-radius: 10px;
1275
+ .el-main:hover::-webkit-scrollbar-thumb {
1276
+ background-color: var(--el-color-neutral-light-2);
1265
1277
  }
1266
1278
 
1267
- /* set button(top and bottom of the scrollbar) */
1268
- ::-webkit-scrollbar-button {
1269
- display: none;
1279
+ .el-main::-webkit-scrollbar-thumb:hover {
1280
+ background-color: var(--el-color-neutral-light-3);
1270
1281
  }
package/dist/runtime/public/scss/theme.scss CHANGED
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable scss/selector-nest-combinators */
2
+
1
3
  @use 'variables' as *;
2
4
  @use 'colors' as *;
3
5
  @use 'buttons' as *;
@@ -60,28 +62,32 @@ body {
60
62
  }
61
63
  }
62
64
 
63
- // SCROLLBAR
64
- ::-webkit-scrollbar {
65
+ .el-main {
66
+ overflow: hidden scroll;
67
+ position: relative; /* scrollbar'ın absolute pozisyonu için gerekli */
68
+ }
69
+
70
+ .el-main::-webkit-scrollbar {
71
+ position: absolute;
72
+ right: 0;
65
73
  width: 8px;
74
+ z-index: 1000;
66
75
  }
67
76
 
68
- $neutral-light-2: map.get(map.get($theme, 'light'), '2');
69
- $neutral-light-3: map.get(map.get($theme, 'light'), '3');
77
+ .el-main::-webkit-scrollbar-track {
78
+ background: transparent;
79
+ }
70
80
 
71
- /* background of the scrollbar except button or resizer */
72
- ::-webkit-scrollbar-track {
73
- background-color: $neutral-light-2;
74
- border-radius: 10px;
81
+ .el-main::-webkit-scrollbar-thumb {
82
+ background-color: rgba(0, 0, 0, 0%);
83
+ border-radius: 4px;
84
+ transition: background-color 0.3s ease;
75
85
  }
76
86
 
77
- /* scrollbar itself */
78
- ::-webkit-scrollbar-thumb {
79
- background-color: $neutral-light-3;
80
- border: 2px solid $neutral-light-3;
81
- border-radius: 10px;
87
+ .el-main:hover::-webkit-scrollbar-thumb {
88
+ background-color: var(--el-color-neutral-light-2);
82
89
  }
83
90
 
84
- /* set button(top and bottom of the scrollbar) */
85
- ::-webkit-scrollbar-button {
86
- display: none;
91
+ .el-main::-webkit-scrollbar-thumb:hover {
92
+ background-color: var(--el-color-neutral-light-3);
87
93
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.52",
3
+ "version": "2.4.55",
4
4
  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
5
5
  "type": "module",
6
6
  "exports": {