You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2018/07/09 21:52:21 UTC
[royale-asjs] branch develop updated: changes in all themes
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 112a354 changes in all themes
112a354 is described below
commit 112a354744a92cecc23c651e54985078ad657af7
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Mon Jul 9 23:52:16 2018 +0200
changes in all themes
---
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
.../src/main/resources/defaults.css | 29 +++++++++++++++++-----
24 files changed, 552 insertions(+), 144 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 707f170..e6a5dc1 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#d43bd1, #b427b1);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#d43bd1, #b427b1);
border-top: 1px solid #dd64db;
border-bottom: 1px solid #751a74;
- 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);
}
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 65eba6d..2016b17 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#54b7f3, #24a3ef);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#54b7f3, #24a3ef);
border-top: 1px solid #83cbf6;
border-bottom: 1px solid #0d79ba;
- 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);
}
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 85109d3..25ad31d 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#98cc50, #7eb435);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#98cc50, #7eb435);
border-top: 1px solid #afd777;
border-bottom: 1px solid #557923;
- 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);
}
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 a9cfab2..9804d96 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#45c354, #34a241);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#45c354, #34a241);
border-top: 1px solid #6cd078;
border-bottom: 1px solid #21682a;
- 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);
}
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 b8777d4..6a4e529 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#f8a036, #f28809);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#f8a036, #f28809);
border-top: 1px solid #fab767;
border-bottom: 1px solid #a85e06;
- 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);
}
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 6ca3f1b..5f0e0a6 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#ee343b, #dc121a);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#ee343b, #dc121a);
border-top: 1px solid #f26368;
border-bottom: 1px solid #950d12;
- 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);
}
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 bfe1d14..7dfe4f0 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#3481d0, #2767a9);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#3481d0, #2767a9);
border-top: 1px solid #5d9ad9;
border-bottom: 1px solid #19416b;
- 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);
}
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 2589900..f544ac9 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#f9bb58, #f7a726);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#f9bb58, #f7a726);
border-top: 1px solid #fbcf89;
border-bottom: 1px solid #ca7f07;
- 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);
}
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 c0bb8a3..6fcd598 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#f16c42, #ed4812);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#f16c42, #ed4812);
border-top: 1px solid #f49171;
border-bottom: 1px solid #a6320d;
- 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);
}
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 b7c4ac7..3741b16 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#2ebcb2, #24948c);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#2ebcb2, #24948c);
border-top: 1px solid #4bd3c9;
border-bottom: 1px solid #155651;
- 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);
}
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 21757be..d5a5fa4 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#7432a4, #58267c);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#7432a4, #58267c);
border-top: 1px solid #8f43c6;
border-bottom: 1px solid #2f1442;
- 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);
}
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 9448d5f..a8376c7 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,15 +230,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -247,10 +247,25 @@ j|Card {
background-color: #8c8c8c;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: #8c8c8c;
+ border-left: 0;
+ border-right: 1px solid #595959;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#f4e813, #cac00a);
@@ -258,6 +273,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -476,11 +494,10 @@ j|Card {
color: #737373;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#f4e813, #cac00a);
border-top: 1px solid #f6ed44;
border-bottom: 1px solid #817a06;
- 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);
}
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 594a600..b0a4ff1 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#d43bd1, #b427b1);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#d43bd1, #b427b1);
border-top: 1px solid #dd64db;
border-bottom: 1px solid #751a74;
- 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);
}
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 5c914d0..7d68f3b 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#54b7f3, #24a3ef);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#54b7f3, #24a3ef);
border-top: 1px solid #83cbf6;
border-bottom: 1px solid #0d79ba;
- 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);
}
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 461d495..1e25bd4 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#98cc50, #7eb435);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#98cc50, #7eb435);
border-top: 1px solid #afd777;
border-bottom: 1px solid #557923;
- 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);
}
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 1c34d42..edde18b 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#45c354, #34a241);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#45c354, #34a241);
border-top: 1px solid #6cd078;
border-bottom: 1px solid #21682a;
- 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);
}
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 0e8ae7e..695d29a 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#f8a036, #f28809);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#f8a036, #f28809);
border-top: 1px solid #fab767;
border-bottom: 1px solid #a85e06;
- 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);
}
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 0bb7bac..23e9f94 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#ee343b, #dc121a);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#ee343b, #dc121a);
border-top: 1px solid #f26368;
border-bottom: 1px solid #950d12;
- 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);
}
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 8f2f4c0..5f8a5d3 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#3481d0, #2767a9);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#3481d0, #2767a9);
border-top: 1px solid #5d9ad9;
border-bottom: 1px solid #19416b;
- 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);
}
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 6219210..30eca25 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#f9bb58, #f7a726);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#f9bb58, #f7a726);
border-top: 1px solid #fbcf89;
border-bottom: 1px solid #ca7f07;
- 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);
}
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 2a3216b..cde388d 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#f16c42, #ed4812);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#f16c42, #ed4812);
border-top: 1px solid #f49171;
border-bottom: 1px solid #a6320d;
- 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);
}
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 498f187..01382d4 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#2ebcb2, #24948c);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#2ebcb2, #24948c);
border-top: 1px solid #4bd3c9;
border-bottom: 1px solid #155651;
- 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);
}
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 f408fbd..31888f6 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#7432a4, #58267c);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#7432a4, #58267c);
border-top: 1px solid #8f43c6;
border-bottom: 1px solid #2f1442;
- 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);
}
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 6b1774e..956234c 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,15 +229,15 @@ j|Card {
font-size: 16px;
}
-.jewel.drawer {
+.jewel.drawer.float {
color: rgba(0, 0, 0, 0.8);
}
-.jewel.drawer::before {
+.jewel.drawer.float::before {
background-color: rgba(0, 0, 0, 0.65);
will-change: opacity;
transition: opacity 0.4s 0ms;
}
-.jewel.drawer .drawermain {
+.jewel.drawer.float .drawermain {
box-shadow: 0px 0px 6px 1px rgba(1, 1, 1, 0.7);
transform: translateX(-104%);
will-change: transform;
@@ -246,10 +246,25 @@ j|Card {
background-color: white;
transition: transform 250ms 0ms;
}
-.jewel.drawer.open .drawermain {
+.jewel.drawer.float.open .drawermain {
transform: none;
transition: transform 300ms 0ms;
}
+.jewel.drawer.fixed .drawermain {
+ width: 240px;
+ transform: translateX(-104%);
+ will-change: transform;
+ transition: transform 250ms 0ms;
+ background-color: white;
+ border-left: 0;
+ border-right: 1px solid #d9d9d9;
+}
+.jewel.drawer.fixed.open {
+ width: 240px;
+}
+.jewel.drawer.fixed.open .drawermain {
+ transition: transform 300ms 0ms;
+}
.jewel.drawerheader {
background: linear-gradient(#f4e813, #cac00a);
@@ -257,6 +272,9 @@ j|Card {
color: #FFFFFF;
padding: 16px;
}
+.jewel.drawerheader::before {
+ padding-top: 56.25%;
+}
.jewel.drawerheader div {
padding: 16px;
}
@@ -475,11 +493,10 @@ j|Card {
color: silver;
}
-.jewel.topappbar {
+.jewel.topappbar .topBarAppHeader {
background: linear-gradient(#f4e813, #cac00a);
border-top: 1px solid #f6ed44;
border-bottom: 1px solid #817a06;
- 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);
}