fix(Text): Added max-width, reverted default width to null

SAP · Nov 14, 2019 · f9357d4 · f9357d4
1 parent 790e0dd
commit f9357d4
Show file tree

Hide file tree

Showing 10 changed files with 4 additions and 66 deletions.
diff --git a/packages/main/src/components/AnalyticalCard/__snapshots__/AnalyticalCard.test.tsx.snap b/packages/main/src/components/AnalyticalCard/__snapshots__/AnalyticalCard.test.tsx.snap
@@ -101,7 +101,6 @@ exports[`Analytical Card Render without Crashing 1`] = `
   >
     <span
       class="Text--text-"
-      style="width: 100%;"
     >
       I'm a content!
     </span>

diff --git a/packages/main/src/components/MessageBox/__snapshots__/MessageBox.test.tsx.snap b/packages/main/src/components/MessageBox/__snapshots__/MessageBox.test.tsx.snap
@@ -49,7 +49,6 @@ exports[`MessageBox Confirm - Cancel 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Confirm - Cancel
   </span>
@@ -106,7 +105,6 @@ exports[`MessageBox Confirm - OK 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Confirm - OK
   </span>
@@ -154,7 +152,6 @@ exports[`MessageBox Error 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Error
   </span>
@@ -202,7 +199,6 @@ exports[`MessageBox Information 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Information
   </span>
@@ -259,7 +255,6 @@ exports[`MessageBox No Title 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     No Title
   </span>
@@ -307,7 +302,6 @@ exports[`MessageBox Not open 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Custom Success
   </span>
@@ -363,7 +357,6 @@ exports[`MessageBox Show 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Custom
   </span>
@@ -411,7 +404,6 @@ exports[`MessageBox Success 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Success
   </span>
@@ -459,7 +451,6 @@ exports[`MessageBox Success w/ custom title 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Custom Success
   </span>
@@ -507,7 +498,6 @@ exports[`MessageBox Warning 1`] = `
   </footer>
   <span
     class="Text--text- MessageBox--content-"
-    style="width: 100%;"
   >
     Warning
   </span>

diff --git a/packages/main/src/components/Notification/__snapshots__/Notification.test.tsx.snap b/packages/main/src/components/Notification/__snapshots__/Notification.test.tsx.snap
@@ -36,7 +36,6 @@ exports[`Notification Default 1`] = `
         >
           <span
             class="Text--text- Notification--descriptionEllipsised-"
-            style="width:100%"
           />
           <div
             class="Notification--metadata-"
@@ -109,7 +108,6 @@ exports[`Notification Long Title and Description 1`] = `
         >
           <span
             class="Text--text- Notification--descriptionEllipsised-"
-            style="width:100%"
             title="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
           >
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
@@ -185,7 +183,6 @@ exports[`Notification Long Title and Description w/o truncation 1`] = `
         >
           <span
             class="Text--text- Notification--descriptionFull-"
-            style="width:100%"
             title="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
           >
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
@@ -280,7 +277,6 @@ exports[`Notification w/ Props 1`] = `
         >
           <span
             class="Text--text- Notification--descriptionEllipsised-"
-            style="width:100%"
             title="description"
           >
             description
@@ -385,7 +381,6 @@ exports[`Notification w/ custom Avatar 1`] = `
         >
           <span
             class="Text--text- Notification--descriptionEllipsised-"
-            style="width:100%"
           />
           <div
             class="Notification--metadata-"

diff --git a/packages/main/src/components/NotificationGroup/__snapshots__/NotificationGroup.test.tsx.snap b/packages/main/src/components/NotificationGroup/__snapshots__/NotificationGroup.test.tsx.snap
@@ -38,7 +38,6 @@ exports[`NotificationGroup Collapsed 1`] = `
         >
           <span
             class="Text--text- Notification--descriptionEllipsised-"
-            style="width:100%"
           />
           <div
             class="Notification--metadata-"
@@ -118,7 +117,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
             />
             <div
               class="Notification--metadata-"
@@ -213,7 +211,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
               title="description"
             >
               description
@@ -315,7 +312,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
             />
             <div
               class="Notification--metadata-"
@@ -385,7 +381,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionFull-"
-              style="width:100%"
               title="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
             >
               Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
@@ -482,7 +477,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
               title="description"
             >
               description
@@ -583,7 +577,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
               title="description"
             >
               description
@@ -654,7 +647,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
             />
             <div
               class="Notification--metadata-"
@@ -722,7 +714,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
             />
             <div
               class="Notification--metadata-"
@@ -797,7 +788,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
             />
             <div
               class="Notification--metadata-"
@@ -892,7 +882,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
               title="description"
             >
               description
@@ -994,7 +983,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionEllipsised-"
-              style="width:100%"
             />
             <div
               class="Notification--metadata-"
@@ -1064,7 +1052,6 @@ Array [
           >
             <span
               class="Text--text- Notification--descriptionFull-"
-              style="width:100%"
               title="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
             >
               Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
@@ -1141,7 +1128,6 @@ exports[`NotificationGroup w/o children 1`] = `
         >
           <span
             class="Text--text- Notification--descriptionEllipsised-"
-            style="width:100%"
           />
           <div
             class="Notification--metadata-"
@@ -1214,7 +1200,6 @@ exports[`NotificationGroup w/o children 2`] = `
         >
           <span
             class="Text--text- Notification--descriptionEllipsised-"
-            style="width:100%"
           />
           <div
             class="Notification--metadata-"

diff --git a/packages/main/src/components/ObjectPage/__snapshots__/ObjectPage.test.tsx.snap b/packages/main/src/components/ObjectPage/__snapshots__/ObjectPage.test.tsx.snap
@@ -91,19 +91,16 @@ exports[`ObjectPage IconTabBar Mode 1`] = `
                   </ui5-link>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 1
                   </span>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 2
                   </span>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 3
                   </span>
@@ -829,19 +826,16 @@ exports[`ObjectPage Only Sections 1`] = `
                   </ui5-link>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 1
                   </span>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 2
                   </span>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 3
                   </span>
@@ -1209,19 +1203,16 @@ exports[`ObjectPage With Subsections 1`] = `
                   </ui5-link>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 1
                   </span>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 2
                   </span>
                   <span
                     class="Text--text-"
-                    style="width: 100%;"
                   >
                     Address 3
                   </span>
-Original file line number
+Diff line change
@@ Expand Up / @@ -101,7 +101,6 @@ exports[`Analytical Card Render without Crashing 1`] = ` @@
       >
         <span
           class="Text--text-"
-          style="width: 100%;"
         >
           I'm a content!
         </span>
@@ Expand Down @@