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/29 21:32:50 UTC
[royale-asjs] branch develop updated: table header bg color
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 4094dc9 table header bg color
4094dc9 is described below
commit 4094dc955024a8fda6984e1a2e1c11e421328bcc
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun Jul 29 23:32:45 2018 +0200
table header bg color
---
frameworks/themes/JewelTheme/src/main/resources/defaults.css | 2 ++
.../themes/JewelTheme/src/main/sass/components-primary/_table.sass | 5 +++++
2 files changed, 7 insertions(+)
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index d829f85..ee0ad3c 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -537,6 +537,8 @@ j|Card {
border-left: 0px;
}
.jewel.table th {
+ background: linear-gradient(white, #f3f3f3);
+ box-shadow: inset 0 1px 0 white;
font-weight: 700;
line-height: 24px;
font-size: 1em;
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_table.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_table.sass
index adefed3..06834a6 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_table.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_table.sass
@@ -36,6 +36,11 @@ $table-border-radius: $border-radius
th:first-of-type
border-left: 0px
th
+ @if $flat
+ background: $default-color
+ @else
+ background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
+ box-shadow: inset 0 1px 0 lighten($default-color, 20%)
font-weight: 700
line-height: 24px
font-size: $font-size