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/06/04 15:58:56 UTC
[royale-asjs] branch develop updated: more minor fixes in css rules
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 d16b0bc more minor fixes in css rules
d16b0bc is described below
commit d16b0bc981710dc20924b0ec9729fb8f4fe42072
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Mon Jun 4 17:58:51 2018 +0200
more minor fixes in css rules
---
.../Jewel/src/main/sass/components/_alert.sass | 64 ++++++++++++----------
.../Jewel/src/main/sass/components/_slider.sass | 3 +
.../themes/JewelTheme/src/main/sass/_mixins.sass | 1 +
.../src/main/sass/components-primary/_alert.sass | 18 +++---
4 files changed, 47 insertions(+), 39 deletions(-)
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_alert.sass b/frameworks/projects/Jewel/src/main/sass/components/_alert.sass
index f979fe6..fff0d31 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_alert.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_alert.sass
@@ -20,54 +20,55 @@
// Jewel Alert
// Alert variables
-$alert-padding: 14px
+// $alert-padding: 14px
$alert-min-width: 350px
$alert-min-height: 200px
$alert-header-height: 50px
$alert-footer-height: 50px
-$alert-border-radius: 3px
+// $alert-border-radius: 3px
-$alert-title-font-size: 1.9em
-$alert-title-font-weight: bold
-$alert-title-color: #000000
+// $alert-title-font-size: 1.9em
+// $alert-title-font-weight: bold
+// $alert-title-color: #000000
-$alert-label-font-size: 1.1em
-$alert-label-font-weight: normal
-$alert-label-color: #000000
+// $alert-label-font-size: 1.1em
+// $alert-label-font-weight: normal
+// $alert-label-color: #000000
//$alert-close-button-size: 16px
//$alert-control-bar-align: 'center'
-$alert-modal-opacity: .5
+//$alert-modal-opacity: .5
.jewel.alert
position: fixed
top: 50%
left: 50%
transform: translate(-50%, -50%)
- margin: 0
- padding: 0
- max-width: 100%
- max-height: 100%
+ // margin: 0
+ // padding: 0
+
+ //max-width: 100%
+ //max-height: 100%
min-width: $alert-min-width
min-height: $alert-min-height
- border: 0px solid
- border-radius: $alert-border-radius
- box-shadow: 0px 6px 60px -10px rgba(112,112,112,0.7)
- background-color: #FFFFFF
+ // border: 0px solid
+ // border-radius: $alert-border-radius
+ // box-shadow: 0px 6px 60px -10px rgba(112,112,112,0.7)
+ // background-color: #FFFFFF
.jewel.titlebar
- padding: $alert-padding $alert-padding 0px $alert-padding
+ // padding: $alert-padding $alert-padding 0px $alert-padding
height: $alert-header-height
- color: $alert-title-color
+ // color: $alert-title-color
.jewel.label
- font:
- size: $alert-title-font-size
- weight: $alert-title-font-weight
+ // font:
+ // size: $alert-title-font-size
+ // weight: $alert-title-font-weight
// .closebutton
// border: 0px
@@ -82,23 +83,26 @@ $alert-modal-opacity: .5
// &:hover
// background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 14 14' version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-829, -278)'><g fill='#777777' transform='translate(825, 274)'><path d='M15.9921875,18 C15.8133104,18 11,13.05896 11,13.05896 C11,13.05896 6.20438984,18 6.0255127,18 C5.84663556,18 4,16.2295363 4,16.0506592 C4,15.871782 9.07348633,11 9.07348633,11 C9.07348633,11 4,6.21037128 4,6.03149414 C4,5.852617 5.84663556,4.05688477 6.0255127,4 [...]
- .Group
+ .content
position: absolute
- padding: $alert-padding
+ // padding: $alert-padding
top: $alert-header-height
bottom: $alert-footer-height
+
+ //flex: 0 0 auto
width: 100%
+
overflow-y: auto
.jewel.label
white-space: normal
- color: $alert-label-color
- font:
- size: $alert-label-font-size
- weight: $alert-label-font-weight
+ // color: $alert-label-color
+ // font:
+ // size: $alert-label-font-size
+ // weight: $alert-label-font-weight
.jewel.controlbar
- padding: 0px $alert-padding $alert-padding $alert-padding
+ // padding: 0px $alert-padding $alert-padding $alert-padding
position: absolute
bottom: 0
height: $alert-footer-height
@@ -117,7 +121,7 @@ $alert-modal-opacity: .5
// margin-left: 6px
+ .backdrop
- background-color: rgba(0, 0, 0, $alert-modal-opacity)
+ //background-color: rgba(0, 0, 0, $alert-modal-opacity)
j|Alert
//IBeadLayout: ClassReference("org.apache.royale.jewel.beads.layouts.VerticalLayout")
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_slider.sass b/frameworks/projects/Jewel/src/main/sass/components/_slider.sass
index 122bbbb..f537597 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_slider.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_slider.sass
@@ -21,6 +21,9 @@
//width: 100px
//height: 30px
//position: relative
+ input
+ &::-ms-tooltip
+ display: none
j|Slider
IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.SliderRangeModel")
diff --git a/frameworks/themes/JewelTheme/src/main/sass/_mixins.sass b/frameworks/themes/JewelTheme/src/main/sass/_mixins.sass
index 5bc6e7d..d6467d8 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/_mixins.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/_mixins.sass
@@ -22,6 +22,7 @@
-webkit-appearance: $val
-moz-appearance: $val
-o-appearance: $val
+ -ms-appearance: $val
appearance: $val
//=trans($val...)
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_alert.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_alert.sass
index e6752fc..d740640 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_alert.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_alert.sass
@@ -40,17 +40,17 @@ $alert-control-bar-align: 'left'
$alert-modal-opacity: .5
.jewel.alert
- position: fixed
+ // position: fixed
- top: 50%
- left: 50%
- transform: translate(-50%, -50%)
+ // top: 50%
+ // left: 50%
+ // transform: translate(-50%, -50%)
margin: 0
padding: 0
- max-width: 100%
- max-height: 100%
+ //max-width: 100%
+ //max-height: 100%
min-width: $alert-min-width
min-height: $alert-min-height
@@ -71,12 +71,12 @@ $alert-modal-opacity: .5
weight: $alert-title-font-weight
.content
- position: absolute
+ // position: absolute
padding: $alert-padding
top: $alert-header-height
bottom: $alert-footer-height
- width: 100%
- overflow-y: auto
+ // width: 100%
+ // overflow-y: auto
.jewel.label
white-space: normal
--
To stop receiving notification emails like this one, please contact
carlosrovira@apache.org.