style: display image preview on card

peterpeterparker · peterpeterparker · commit 46e8a31b6848 · 2019-03-25T08:48:58.000+01:00
diff --git a/studio/src/app/components/feed/card/app-feed-card-content/app-feed-card-content.scss b/studio/src/app/components/feed/card/app-feed-card-content/app-feed-card-content.scss
@@ -7,8 +7,6 @@ app-feed-card-content {
     width: 100%;
 
     ion-card-title, ion-card-subtitle {
-      width: 380px;
-      max-width: 380px;
       white-space: nowrap;
       overflow: hidden;
     }
@@ -34,7 +32,6 @@ app-feed-card-content {
       }
     }
 
-
     input, div.chips {
       font-size: var(--font-size-normal);
     }
@@ -86,9 +83,9 @@ app-feed-card-content {
     }
   }
 
-  @media screen and (max-width: 720px) {
+  @media screen and (max-width: 540px) {
     ion-card-content {
-      ion-card-subtitle {
+      div.preview {
         display: none;
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -7,8 +7,6 @@ app-feed-card-content {`
`7`	`7`	`width: 100%;`
`8`	`8`
`9`	`9`	`ion-card-title, ion-card-subtitle {`
`10`		`- width: 380px;`
`11`		`- max-width: 380px;`
`12`	`10`	`white-space: nowrap;`
`13`	`11`	`overflow: hidden;`
`14`	`12`	`}`
`@@ -34,7 +32,6 @@ app-feed-card-content {`
`34`	`32`	`}`
`35`	`33`	`}`
`36`	`34`
`37`		`-`
`38`	`35`	`input, div.chips {`
`39`	`36`	`font-size: var(--font-size-normal);`
`40`	`37`	`}`
`@@ -86,9 +83,9 @@ app-feed-card-content {`
`86`	`83`	`}`
`87`	`84`	`}`
`88`	`85`
`89`		`- @media screen and (max-width: 720px) {`
	`86`	`+ @media screen and (max-width: 540px) {`
`90`	`87`	`ion-card-content {`
`91`		`- ion-card-subtitle {`
	`88`	`+ div.preview {`
`92`	`89`	`display: none;`
`93`	`90`	`}`
`94`	`91`	`}`