This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new d4bf00b jewel theme update with drawer
d4bf00b is described below
commit d4bf00bd0df191d1d95ebc6b09f609f28f29e4be
Author: Carlos Rovira <carlosrov...@apache.org>
AuthorDate: Fri Jun 29 09:22:44 2018 +0200
jewel theme update with drawer
---
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
.../src/main/resources/defaults.css | 29 +++++++++++++++++++++-
.../src/main/sass/defaults.sass | 1 +
48 files changed, 696 insertions(+), 24 deletions(-)
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index b9bdf4a..30a6bbb 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#d43bd1, #b427b1);
border-top: 1px solid #dd64db;
border-bottom: 1px solid #751a74;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index 20b8573..bf07f7a 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#54b7f3, #24a3ef);
border-top: 1px solid #83cbf6;
border-bottom: 1px solid #0d79ba;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index b0cb642..9301148 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#98cc50, #7eb435);
border-top: 1px solid #afd777;
border-bottom: 1px solid #557923;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 2876f5d..a35dc9b 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#45c354, #34a241);
border-top: 1px solid #6cd078;
border-bottom: 1px solid #21682a;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index be22d7d..82f61b4 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#f8a036, #f28809);
border-top: 1px solid #fab767;
border-bottom: 1px solid #a85e06;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index f632461..e782b91 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#ee343b, #dc121a);
border-top: 1px solid #f26368;
border-bottom: 1px solid #950d12;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index c28b06d..e621b8f 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#3481d0, #2767a9);
border-top: 1px solid #5d9ad9;
border-bottom: 1px solid #19416b;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index ad1898c..2f7b36a 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#f9bb58, #f7a726);
border-top: 1px solid #fbcf89;
border-bottom: 1px solid #ca7f07;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index 46bc817..79fd1d1 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#f16c42, #ed4812);
border-top: 1px solid #f49171;
border-bottom: 1px solid #a6320d;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 5b87fcd..e43c02f 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#2ebcb2, #24948c);
border-top: 1px solid #4bd3c9;
border-bottom: 1px solid #155651;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index 5133738..bad593c 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#7432a4, #58267c);
border-top: 1px solid #8f43c6;
border-bottom: 1px solid #2f1442;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index d954c5b..6dea3fe 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -230,6 +230,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #262626;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #595959;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -433,7 +459,7 @@ j|Card {
background: linear-gradient(#f4e813, #cac00a);
border-top: 1px solid #f6ed44;
border-bottom: 1px solid #817a06;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
}
@@ -448,6 +474,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Dark-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
index f62eeb4..b9aa1da 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#d43bd1, #b427b1);
border-top: 1px solid #dd64db;
border-bottom: 1px solid #751a74;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(75, 17, 74, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
index 310f9f8..ccd8393 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#54b7f3, #24a3ef);
border-top: 1px solid #83cbf6;
border-bottom: 1px solid #0d79ba;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(10, 90, 138, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Blue-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
index 2972ec8..de4dc44 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#98cc50, #7eb435);
border-top: 1px solid #afd777;
border-bottom: 1px solid #557923;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
index 0d52ebf..ffec2e4 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#45c354, #34a241);
border-top: 1px solid #6cd078;
border-bottom: 1px solid #21682a;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(21, 65, 26, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Green-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
index ecaac86..2fa26d7 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#f8a036, #f28809);
border-top: 1px solid #fab767;
border-bottom: 1px solid #a85e06;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(119, 67, 4, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Orange-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
index 4e972ac..eb7e225 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#ee343b, #dc121a);
border-top: 1px solid #f26368;
border-bottom: 1px solid #950d12;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(102, 9, 12, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Red-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
index 4c2482e..ec8e8a9 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#3481d0, #2767a9);
border-top: 1px solid #5d9ad9;
border-bottom: 1px solid #19416b;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(15, 40, 66, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sapphire-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
index e7e6c60..770532b 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#f9bb58, #f7a726);
border-top: 1px solid #fbcf89;
border-bottom: 1px solid #ca7f07;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(152, 96, 6, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Sunflower-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
index ab50d7e..1f9c1f3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#f16c42, #ed4812);
border-top: 1px solid #f49171;
border-bottom: 1px solid #a6320d;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(119, 36, 9, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Topaz-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
index 11bb5d7..08083ba 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#2ebcb2, #24948c);
border-top: 1px solid #4bd3c9;
border-bottom: 1px solid #155651;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(11, 45, 43, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Turquoise-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
index 581efc6..afc5610 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#7432a4, #58267c);
border-top: 1px solid #8f43c6;
border-bottom: 1px solid #2f1442;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(19, 8, 27, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Violet-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
index db1e73c..fa8e812 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/resources/defaults.css
@@ -229,6 +229,32 @@ j|Card {
font-size: 16px;
}
+.jewel.drawer {
+ color: rgba(0, 0, 0, 0.8);
+}
+.jewel.drawer::before {
+ background-color: rgba(0, 0, 0, 0.65);
+ will-change: opacity;
+ transition: opacity 0.4s 0ms;
+}
+.jewel.drawer .jewel.navigation {
+ border-right: 1px solid #a6a6a6;
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
+ transform: translateX(-104%);
+ will-change: transform;
+ width: calc(100% - 54px);
+ max-width: 280px;
+ background-color: #d9d9d9;
+ transition: transform 250ms 0ms;
+}
+.jewel.drawer.open .jewel.navigation {
+ transform: none;
+ transition: transform 300ms 0ms;
+}
+.jewel.drawer > * {
+ padding-left: 40px;
+}
+
.jewel.item {
padding: 8px;
}
@@ -432,7 +458,7 @@ j|Card {
background: linear-gradient(#f4e813, #cac00a);
border-top: 1px solid #f6ed44;
border-bottom: 1px solid #817a06;
- box-shadow: 0px 0px 4px 1px rgba(1, 1, 1, 0.7);
+ box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
}
@@ -447,6 +473,7 @@ j|Card {
padding: 12px;
fill: #FFFFFF;
color: inherit;
+ text-shadow: 0 -1px 0 rgba(80, 76, 4, 0.7);
}
.jewel.topappbarsection button:hover, .jewel.topappbarsection
button:hover:focus, .jewel.topappbarsection button:active,
.jewel.topappbarsection button:active:focus, .jewel.topappbarsection
button:focus {
background: transparent;
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
index 2607e90..94cebd3 100644
---
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Yellow-Theme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
@import "../../../../JewelTheme/src/main/sass/components-primary/card"
@import "../../../../JewelTheme/src/main/sass/components-primary/checkbox"
@import "../../../../JewelTheme/src/main/sass/components-primary/controlbar"
+@import "../../../../JewelTheme/src/main/sass/components-primary/drawer"
@import "../../../../JewelTheme/src/main/sass/components-primary/itemRenderer"
@import "../../../../JewelTheme/src/main/sass/components-primary/label"
@import "../../../../JewelTheme/src/main/sass/components-primary/list"
