react-dockable-desktop 5.2.1 → 5.2.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/README.md +1 -1
- package/dist/styles.css +20 -20
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# React Dockable Desktop
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/react-dockable-desktop)
|
|
4
4
|
[](https://www.typescriptlang.org/)
|
|
5
5
|
[](#touch--mobile)
|
|
6
6
|
[](#license)
|
package/dist/styles.css
CHANGED
|
@@ -1956,28 +1956,28 @@ body.rdd-dragging-active {
|
|
|
1956
1956
|
}
|
|
1957
1957
|
|
|
1958
1958
|
.rdd-sidebar-tab-btn.rdd-active {
|
|
1959
|
-
width: var(--tab-btn-active-width) !important;
|
|
1959
|
+
width: var(--tab-btn-active-width, 100%) !important;
|
|
1960
1960
|
color: var(--tab-icon-active) !important;
|
|
1961
1961
|
background-color: var(--tab-btn-active-bg) !important;
|
|
1962
1962
|
border-top: 1px solid var(--sidebar-border) !important;
|
|
1963
1963
|
border-bottom: 1px solid var(--sidebar-border) !important;
|
|
1964
|
-
border-radius: var(--tab-btn-active-radius) !important;
|
|
1965
|
-
box-shadow: var(--tab-btn-active-shadow);
|
|
1966
|
-
filter: var(--tab-btn-active-glow);
|
|
1964
|
+
border-radius: var(--tab-btn-active-radius, 0px) !important;
|
|
1965
|
+
box-shadow: var(--tab-btn-active-shadow, none);
|
|
1966
|
+
filter: var(--tab-btn-active-glow, none);
|
|
1967
1967
|
z-index: 6;
|
|
1968
1968
|
transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
|
|
1969
1969
|
}
|
|
1970
1970
|
|
|
1971
1971
|
/* Position-specific active button border & margin alignments */
|
|
1972
1972
|
.rdd-sidebar-tabs-strip.rdd-left .rdd-sidebar-tab-btn.rdd-active {
|
|
1973
|
-
border-left: var(--tab-accent-bar-width) solid var(--tab-icon-active) !important;
|
|
1973
|
+
border-left: var(--tab-accent-bar-width, 3px) solid var(--tab-icon-active) !important;
|
|
1974
1974
|
border-right: none !important;
|
|
1975
1975
|
margin-right: -2px !important;
|
|
1976
1976
|
margin-left: 0 !important;
|
|
1977
1977
|
}
|
|
1978
1978
|
.rdd-sidebar-tabs-strip.rdd-right .rdd-sidebar-tab-btn.rdd-active {
|
|
1979
1979
|
border-left: none !important;
|
|
1980
|
-
border-right: var(--tab-accent-bar-width) solid var(--tab-icon-active) !important;
|
|
1980
|
+
border-right: var(--tab-accent-bar-width, 3px) solid var(--tab-icon-active) !important;
|
|
1981
1981
|
margin-left: -2px !important;
|
|
1982
1982
|
margin-right: 0 !important;
|
|
1983
1983
|
}
|
|
@@ -2489,13 +2489,13 @@ html.rdd-no-animations [class*="rdd-"]::after {
|
|
|
2489
2489
|
|
|
2490
2490
|
[dir="rtl"] .rdd-sidebar-tabs-strip.rdd-left .rdd-sidebar-tab-btn.rdd-active {
|
|
2491
2491
|
border-left: none !important;
|
|
2492
|
-
border-right: var(--tab-accent-bar-width) solid var(--tab-icon-active) !important;
|
|
2492
|
+
border-right: var(--tab-accent-bar-width, 3px) solid var(--tab-icon-active) !important;
|
|
2493
2493
|
margin-left: -2px !important;
|
|
2494
2494
|
margin-right: 0 !important;
|
|
2495
2495
|
}
|
|
2496
2496
|
[dir="rtl"] .rdd-sidebar-tabs-strip.rdd-right .rdd-sidebar-tab-btn.rdd-active {
|
|
2497
2497
|
border-right: none !important;
|
|
2498
|
-
border-left: var(--tab-accent-bar-width) solid var(--tab-icon-active) !important;
|
|
2498
|
+
border-left: var(--tab-accent-bar-width, 3px) solid var(--tab-icon-active) !important;
|
|
2499
2499
|
margin-right: -2px !important;
|
|
2500
2500
|
margin-left: 0 !important;
|
|
2501
2501
|
}
|
|
@@ -3045,15 +3045,15 @@ html.rdd-no-animations [class*="rdd-"]::after {
|
|
|
3045
3045
|
.rdd-toolbar-btn-radio.rdd-active {
|
|
3046
3046
|
color: var(--tab-icon-active);
|
|
3047
3047
|
background-color: var(--toolbar-btn-radio-active-bg);
|
|
3048
|
-
box-shadow: var(--toolbar-btn-active-shadow);
|
|
3049
|
-
filter: var(--toolbar-btn-active-glow);
|
|
3048
|
+
box-shadow: var(--toolbar-btn-active-shadow, none);
|
|
3049
|
+
filter: var(--toolbar-btn-active-glow, none);
|
|
3050
3050
|
transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
|
|
3051
3051
|
}
|
|
3052
3052
|
|
|
3053
|
-
.rdd-toolbar-strip.rdd-left .rdd-toolbar-btn-radio.rdd-active { border-left: var(--toolbar-accent-bar-width) solid var(--tab-icon-active); border-radius: 0 6px 6px 0; }
|
|
3054
|
-
.rdd-toolbar-strip.rdd-right .rdd-toolbar-btn-radio.rdd-active { border-right: var(--toolbar-accent-bar-width) solid var(--tab-icon-active); border-radius: 6px 0 0 6px; }
|
|
3055
|
-
.rdd-toolbar-strip.rdd-top .rdd-toolbar-btn-radio.rdd-active { border-bottom: var(--toolbar-accent-bar-width) solid var(--tab-icon-active); border-radius: 6px 6px 0 0; }
|
|
3056
|
-
.rdd-toolbar-strip.rdd-bottom .rdd-toolbar-btn-radio.rdd-active { border-top: var(--toolbar-accent-bar-width) solid var(--tab-icon-active); border-radius: 0 0 6px 6px; }
|
|
3053
|
+
.rdd-toolbar-strip.rdd-left .rdd-toolbar-btn-radio.rdd-active { border-left: var(--toolbar-accent-bar-width, 3px) solid var(--tab-icon-active); border-radius: 0 6px 6px 0; }
|
|
3054
|
+
.rdd-toolbar-strip.rdd-right .rdd-toolbar-btn-radio.rdd-active { border-right: var(--toolbar-accent-bar-width, 3px) solid var(--tab-icon-active); border-radius: 6px 0 0 6px; }
|
|
3055
|
+
.rdd-toolbar-strip.rdd-top .rdd-toolbar-btn-radio.rdd-active { border-bottom: var(--toolbar-accent-bar-width, 3px) solid var(--tab-icon-active); border-radius: 6px 6px 0 0; }
|
|
3056
|
+
.rdd-toolbar-strip.rdd-bottom .rdd-toolbar-btn-radio.rdd-active { border-top: var(--toolbar-accent-bar-width, 3px) solid var(--tab-icon-active); border-radius: 0 0 6px 6px; }
|
|
3057
3057
|
|
|
3058
3058
|
/* Toggle active — lighter tint, no directional border */
|
|
3059
3059
|
.rdd-toolbar-btn-toggle.rdd-active {
|
|
@@ -3083,15 +3083,15 @@ html.rdd-no-animations [class*="rdd-"]::after {
|
|
|
3083
3083
|
.rdd-toolbar-btn-group.rdd-active {
|
|
3084
3084
|
color: var(--tab-icon-active);
|
|
3085
3085
|
background-color: var(--toolbar-btn-radio-active-bg);
|
|
3086
|
-
box-shadow: var(--toolbar-btn-active-shadow);
|
|
3087
|
-
filter: var(--toolbar-btn-active-glow);
|
|
3086
|
+
box-shadow: var(--toolbar-btn-active-shadow, none);
|
|
3087
|
+
filter: var(--toolbar-btn-active-glow, none);
|
|
3088
3088
|
transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
|
|
3089
3089
|
}
|
|
3090
3090
|
|
|
3091
|
-
.rdd-toolbar-strip.rdd-left .rdd-toolbar-btn-group.rdd-active { border-left: var(--toolbar-accent-bar-width) solid var(--tab-icon-active); border-radius: 0 6px 6px 0; }
|
|
3092
|
-
.rdd-toolbar-strip.rdd-right .rdd-toolbar-btn-group.rdd-active { border-right: var(--toolbar-accent-bar-width) solid var(--tab-icon-active); border-radius: 6px 0 0 6px; }
|
|
3093
|
-
.rdd-toolbar-strip.rdd-top .rdd-toolbar-btn-group.rdd-active { border-bottom: var(--toolbar-accent-bar-width) solid var(--tab-icon-active); border-radius: 6px 6px 0 0; }
|
|
3094
|
-
.rdd-toolbar-strip.rdd-bottom .rdd-toolbar-btn-group.rdd-active { border-top: var(--toolbar-accent-bar-width) solid var(--tab-icon-active); border-radius: 0 0 6px 6px; }
|
|
3091
|
+
.rdd-toolbar-strip.rdd-left .rdd-toolbar-btn-group.rdd-active { border-left: var(--toolbar-accent-bar-width, 3px) solid var(--tab-icon-active); border-radius: 0 6px 6px 0; }
|
|
3092
|
+
.rdd-toolbar-strip.rdd-right .rdd-toolbar-btn-group.rdd-active { border-right: var(--toolbar-accent-bar-width, 3px) solid var(--tab-icon-active); border-radius: 6px 0 0 6px; }
|
|
3093
|
+
.rdd-toolbar-strip.rdd-top .rdd-toolbar-btn-group.rdd-active { border-bottom: var(--toolbar-accent-bar-width, 3px) solid var(--tab-icon-active); border-radius: 6px 6px 0 0; }
|
|
3094
|
+
.rdd-toolbar-strip.rdd-bottom .rdd-toolbar-btn-group.rdd-active { border-top: var(--toolbar-accent-bar-width, 3px) solid var(--tab-icon-active); border-radius: 0 0 6px 6px; }
|
|
3095
3095
|
|
|
3096
3096
|
/* Separators */
|
|
3097
3097
|
.rdd-toolbar-strip.rdd-left .rdd-toolbar-separator,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-dockable-desktop",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.2",
|
|
4
4
|
"description": "A premium, state-of-the-art window manager and dockable layout engine for React. Supports fluid grid splits, tabbed groups, floating resizable windows, zero-unmount state preservation, context menus, and internationalization.",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.js",
|