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/08/16 21:51:12 UTC
[royale-asjs] branch develop updated: fix itemsVerticalAlign not
working in HGroup or HorizontalLayout
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 c02d3da fix itemsVerticalAlign not working in HGroup or HorizontalLayout
c02d3da is described below
commit c02d3da75d195d01bb462cfca74c8c62b2180a65
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Thu Aug 16 23:51:07 2018 +0200
fix itemsVerticalAlign not working in HGroup or HorizontalLayout
---
.../projects/Jewel/src/main/resources/defaults.css | 16 ++++++++--------
.../projects/Jewel/src/main/sass/components/_layout.sass | 16 ++++++++--------
2 files changed, 16 insertions(+), 16 deletions(-)
diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css b/frameworks/projects/Jewel/src/main/resources/defaults.css
index 7743e68..accb7cc 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -447,28 +447,28 @@ j|Label {
min-height: 100%;
}
.layout.itemsCentered {
- align-items: center;
+ align-items: center !important;
}
.layout.itemsTop {
- align-items: flex-start;
+ align-items: flex-start !important;
}
.layout.itemsBottom {
- align-items: flex-end;
+ align-items: flex-end !important;
}
.layout.itemsLeft {
- justify-content: flex-start;
+ justify-content: flex-start !important;
}
.layout.itemsCenter {
- justify-content: center;
+ justify-content: center !important;
}
.layout.itemsRight {
- justify-content: flex-end;
+ justify-content: flex-end !important;
}
.layout.itemsSpaceBetween {
- justify-content: space-between;
+ justify-content: space-between !important;
}
.layout.itemsSpaceAround {
- justify-content: space-around;
+ justify-content: space-around !important;
}
.layout.itemsExpand > * {
flex: 1 0 auto !important;
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_layout.sass b/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
index 21f2cb3..4278647 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_layout.sass
@@ -44,23 +44,23 @@ $gap-size: 10px !default
> *
min-height: 100%
&.itemsCentered
- align-items: center
+ align-items: center !important
&.itemsTop
- align-items: flex-start
+ align-items: flex-start !important
&.itemsBottom
- align-items: flex-end
+ align-items: flex-end !important
// Horizontal Items Align
&.itemsLeft
- justify-content: flex-start
+ justify-content: flex-start !important
&.itemsCenter
- justify-content: center
+ justify-content: center !important
&.itemsRight
- justify-content: flex-end
+ justify-content: flex-end !important
&.itemsSpaceBetween
- justify-content: space-between
+ justify-content: space-between !important
&.itemsSpaceAround
- justify-content: space-around
+ justify-content: space-around !important
&.itemsExpand
> *