@smwb/ui-styles 1.0.3 → 1.0.5
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.
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
.smwb-appbar {
|
|
2
|
+
// Include the horizontal padding in the width: with `min-width: 100%` and
|
|
3
|
+
// content-box sizing the bar would be viewport + 2*padding wide, spilling off
|
|
4
|
+
// the right edge (clipping right-aligned content) and forcing a horizontal
|
|
5
|
+
// scrollbar.
|
|
6
|
+
box-sizing: border-box;
|
|
2
7
|
padding: 0 @appBarPaddingX;
|
|
3
8
|
display: flex;
|
|
4
9
|
align-items: center;
|
|
@@ -6,6 +6,11 @@
|
|
|
6
6
|
box-shadow: rgb(0 0 0 / 14%) 0px 8px 10px -5px, rgb(0 0 0 / 14%) 0px 1px 14px 1px, rgb(0 0 0 / 14%) 0px 6px 22px 4px;
|
|
7
7
|
z-index: 100;
|
|
8
8
|
padding: @sheetHeaderPaddingY @sheetPadding @sheetPadding;
|
|
9
|
+
// The side/edge variants set height/width to 100% (or --sizeProp) and add
|
|
10
|
+
// padding; without border-box that padding is added on top, so a right/left
|
|
11
|
+
// sheet renders 100vh + vertical padding tall and its bottom edge (and the
|
|
12
|
+
// scrollbar) fall below the viewport. Pin to border-box so padding is included.
|
|
13
|
+
box-sizing: border-box;
|
|
9
14
|
overflow: hidden;
|
|
10
15
|
display: flex;
|
|
11
16
|
max-width: 100vw;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smwb/ui-styles",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "Framework-agnostic LESS design tokens and component styles (smwb-*) shared by the @smwb UI libraries. Prebuilt aggregate CSS lives in @smwb/ui-css.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": [
|