@ui5/webcomponents-fiori 2.25.0-rc.3 → 2.25.0

package/src/i18n/messagebundle_zh_TW.properties

@@ -228,11 +228,11 @@ IM_TITLE_NOENTRIES=尚無輸入項
 
 IM_SUBTITLE_NOENTRIES=若出現輸入項，您便會在此處看到。
 
-IM_TITLE_NONOTIFICATIONS=您沒有通知
+IM_TITLE_NONOTIFICATIONS=您沒有通知。
 
 IM_SUBTITLE_NONOTIFICATIONS=稍後再返回查看。
 
-IM_TITLE_NOSAVEDITEMS=您沒有釘選
+IM_TITLE_NOSAVEDITEMS=您沒有釘選。
 
 IM_SUBTITLE_NOSAVEDITEMS=您現在要新增一個嗎？
 
@@ -240,7 +240,7 @@ IM_TITLE_NOSEARCHRESULTS=找不到。
 
 IM_SUBTITLE_NOSEARCHRESULTS=嘗試調整您的搜尋。
 
-IM_TITLE_NOTASKS=您尚無工作細項
+IM_TITLE_NOTASKS=您沒有工作細項。
 
 IM_SUBTITLE_NOTASKS=若出現工作細項，您便會在此處看到。
 

package/src/themes/IllustratedMessage.css

@@ -6,7 +6,6 @@
     box-sizing: border-box;
     width: 100%;
     height:100%;
-    padding: 1rem;
 }
 
 .ui5-illustrated-message-root,
@@ -17,10 +16,19 @@
     align-items: center;
     justify-content: center;
     height: inherit;
-    min-height: 0;
     flex-basis: content;
 }
 
+.ui5-illustrated-message-root,
+.ui5-illustrated-message-inner {
+    min-height: 0;
+}
+
+.ui5-illustrated-message-inner {
+    padding: 1rem;
+    box-sizing: border-box;
+}
+
 .ui5-illustrated-message-illustration {
     margin: 2rem 0;
 }
@@ -30,24 +38,6 @@
 	max-width: 100%;
 }
 
-.ui5-illustrated-message-illustration.ui5-illustrated-message-illustration-fit-content {
-    position: relative;
-    width: 0;
-    padding: 0;
-    padding-left: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-}
-
-.ui5-illustrated-message-illustration.ui5-illustrated-message-illustration-fit-content svg {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    left: 0;
-    top: 0;
-}
-
 .ui5-illustrated-message-title [ui5-title],
 .ui5-illustrated-message-title ::slotted([slot="title"]) {
     text-align: center;
@@ -93,7 +83,7 @@
     margin-bottom: 1rem;
 }
 
-:host([media="spot"]) {
+:host([media="spot"]) .ui5-illustrated-message-inner {
 	padding: 0.5rem;
 }
 
@@ -119,7 +109,7 @@
     margin: 0.5rem 0;
 }
 
-:host([media="dot"]) {
+:host([media="dot"]) .ui5-illustrated-message-inner {
 	padding: 0.25rem;
 	min-height: 4rem; /* needed to avoid infinite loop between "dot" and "base" when only illustration is used (no title, etc.) */
 }

package/src/themes/SideNavigation.css

@@ -35,6 +35,10 @@
 	border-radius: inherit;
 }
 
+.ui5-sn-root.ui5-sn-animating {
+	overflow: hidden;
+}
+
 .ui5-sn-flexible {
 	display: flex;
 	flex-direction: column;
@@ -48,6 +52,12 @@
 	position: relative;
 }
 
+.ui5-sn-root.ui5-sn-animating .ui5-sn-list.ui5-sn-flexible,
+.ui5-sn-root.ui5-sn-animating .ui5-sn-list.ui5-sn-fixed {
+	width: var(--_ui5_side_navigation_width);
+	overflow: hidden;
+}
+
 .ui5-sn-list {
 	margin: 0;
 	list-style: none;

package/src/themes/SideNavigationItemBase.css

@@ -261,6 +261,10 @@ and there is an additional border that appears on hover. */
 	justify-content: center;
 }
 
+:host([side-nav-collapsed][side-nav-animating]) .ui5-sn-item {
+	justify-content: flex-start;
+}
+
 :host([slot="fixedItems"]:not(side-nav-collapsed)) .ui5-sn-item.ui5-sn-item-level1 {
 	margin-top: var(--_ui5_side_navigation_first_fixed_item_margin_top); /* space for the focus*/
  }