ZMSFlexbox: added ZMSGraphic styles

svn path=/ZMS/branches/zms4/; revision=5523
zms-publishing · Mar 29, 2020 · e9387d7 · e9387d7
1 parent 4dc5f91
commit e9387d7
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/Products/zms/import/com.zms.foundation-4.0.0.metaobj.xml b/Products/zms/import/com.zms.foundation-4.0.0.metaobj.xml
@@ -1110,24 +1110,33 @@ return ''
               <item type="dictionary">
                 <dictionary>
                   <item key="custom"><![CDATA[@media only screen and (min-width: 576px) {
-	.ZMSFlexbox:not(.contentEditable) {
+	body:not(.zmi) .ZMSFlexbox:not(.contentEditable) {
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
 	}
-	.ZMSFlexbox:not(.contentEditable) .ZMSFlexboxItem {
+	body:not(.zmi) .ZMSFlexbox:not(.contentEditable) .ZMSFlexboxItem {
 		flex-direction: column;
 		background: rgba(0,0,0,.05);
 		padding: 1rem;
 		margin:1rem 0;
 	}
-	.ZMSFlexbox:not(.contentEditable) .ZMSFlexboxItem > * {
+	body:not(.zmi) .ZMSFlexbox:not(.contentEditable) .ZMSFlexboxItem > * {
 		margin:0 !important;
 		padding:0 !important;
 	}
-	.ZMSFlexbox .ZMSFlexboxItem {
+	body:not(.zmi) .ZMSFlexbox .ZMSFlexboxItem {
 		flex-basis:calc((100% / var(--data-itemcount)) - 3rem);
 	}
+	body:not(.zmi) .ZMSFlexbox .ZMSFlexboxItem .ZMSGraphic .graphic,
+	body:not(.zmi) .ZMSFlexbox .ZMSFlexboxItem .ZMSGraphic .graphic img {
+		width:100% !important;
+		max-width:100% !important;
+	}
+	body:not(.zmi) .ZMSFlexbox .ZMSFlexboxItem .ZMSGraphic .text {
+		padding-top:1em;
+	}
+}
 }]]>
                   </item>
                   <item key="default"></item>
@@ -1200,7 +1209,7 @@ return ''
           <item key="id">ZMSFlexbox</item>
           <item key="name">Flexbox-Container</item>
           <item key="package">com.zms.foundation</item>
-          <item key="revision">0.0.5</item>
+          <item key="revision">0.0.6</item>
           <item key="type">ZMSObject</item>
         </dictionary>
       </item>