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
commit f95291c47d796ff41845c252883e685c610632da Author: Carlos Rovira <[email protected]> AuthorDate: Thu May 7 11:14:01 2020 +0200 jewel-itemrender: make renders use basic layout by default --- .../TourDeJewel/src/main/resources/jewel-example-styles.css | 13 ------------- frameworks/projects/Jewel/src/main/resources/defaults.css | 4 ++++ .../Jewel/src/main/sass/components/_itemRenderer.sass | 4 +++- 3 files changed, 7 insertions(+), 14 deletions(-) diff --git a/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css b/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css index dfc5731..3bed732 100644 --- a/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css +++ b/examples/jewel/TourDeJewel/src/main/resources/jewel-example-styles.css @@ -48,10 +48,6 @@ j|IconButtonBar { IItemRenderer: ClassReference("itemRenderers.IconListItemRenderer"); } -.iconListItemRenderer .fonticon -{ - margin-right: 24px; -} .advancedIconListItemRenderer { @@ -83,11 +79,6 @@ j|IconButtonBar IItemRenderer: ClassReference("itemRenderers.NavigationIconLinkItemRenderer"); } -.navIconLinkItemRenderer .fonticon -{ - margin-right: 24px; -} - .tabBarVerticalIconItemRenderer { IItemRenderer: ClassReference("itemRenderers.TabBarVerticalIconItemRenderer"); @@ -141,8 +132,4 @@ j|IconButtonBar .navSectionItemRenderer{ IItemRenderer: ClassReference("itemRenderers.NavigationGroupExampleItemRenderer"); } -.navSectionItemRenderer .fonticon -{ - margin-right: 24px; -} diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css b/frameworks/projects/Jewel/src/main/resources/defaults.css index d08238e..6a9b04e 100644 --- a/frameworks/projects/Jewel/src/main/resources/defaults.css +++ b/frameworks/projects/Jewel/src/main/resources/defaults.css @@ -988,9 +988,13 @@ j|ImageButton { cursor: auto; } .jewel.item.mxmlContent, .jewel.navigationlink.mxmlContent, .jewel.tabbarbutton.mxmlContent { + position: relative; flex: 0 0 auto; align-items: center; } +.jewel.item.mxmlContent > *, .jewel.navigationlink.mxmlContent > *, .jewel.tabbarbutton.mxmlContent > * { + position: absolute !important; +} .jewel.item.selectable, .jewel.navigationlink.selectable, .jewel.tabbarbutton.selectable { cursor: pointer; } diff --git a/frameworks/projects/Jewel/src/main/sass/components/_itemRenderer.sass b/frameworks/projects/Jewel/src/main/sass/components/_itemRenderer.sass index 74d3f89..db20ecd 100644 --- a/frameworks/projects/Jewel/src/main/sass/components/_itemRenderer.sass +++ b/frameworks/projects/Jewel/src/main/sass/components/_itemRenderer.sass @@ -32,11 +32,13 @@ $item-min-height: 34px cursor: auto // align-items: center -> this need to be in mxmlContent to not modify basic list renders // pointer-events: none - // used when the renderer is extended, so we change to flex display &.mxmlContent + position: relative flex: 0 0 auto align-items: center + > * + position: absolute !important &.selectable cursor: pointer
