150 — addressing issues that kept changes from deploying last time (#166

) * Added starter code, pointed out where CSS styles should go * created pull quote with three options * finished basic blockquote * Tweaking spacing and sizing; fixed issue where first letter in quote was not larger than the rest * Removed extra commas in ContentViewStyles * Removed attempted import of 'logo' from .gif file and instead provided path to file in place of 'logo' Co-authored-by: abieiden <[email protected]>
TheStanfordDaily · Nov 10, 2020 · bec3edb · bec3edb
1 parent 62527eb
commit bec3edb
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 32 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/components/ContentViewStyles.tsx b/components/ContentViewStyles.tsx
@@ -71,47 +71,42 @@ export default {
     },
     blockquote: {
       display: "block !important",
-      width: "200px !important",
-      padding: "5px 0 0 5px !important",
-      //right align
-      float: "right !important",
+      width: "350px !important",
+      padding: "5px 0 0 0px !important",
       borderLeft: "3px solid #820000 !important",
-
-      /*//left align
-      float: "left !important",
-      borderRight: "3px solid #820000 !important",*/
-
       cite: {
-        width: "200px !important",
+        width: "350px !important",
+        padding: "5px 0 0 0 !important",
+        borderLeft: "3px solid #820000 !important",
         fontSize: "1.3em !important",
         textAlign: "center",
       },
       p: {
-        width: "200px !important",
+        width: "350px !important",
         fontSize: "1.6em !important",
+        lineHeight: "normal",
         textAlign: "left",
         overflowWrap: "break-word",
-        padding: "20px 15px 0 25px !important",
-        backgroundImage: `url(${quote})`,
-        backgroundSize: "25%",
+        padding: "25px 25px 0 25px !important",
+        backgroundImage: `url(${"../static/pullquote.gif"})`,
+        backgroundSize: "20%",
         backgroundRepeat: "no-repeat !important",
-
-        //first letter code not working
-        /*'&::firstLetter': { // firstLetter: { also doesn't work
+        "&::first-letter": {
           fontSize: "2em !important",
-	        fontWeight: "bold !important",
-        },*/
+          fontWeight: "bold !important",
+        },
       },
-    table: {
-      width: "100%",
-      borderCollapse: "collapse",
-      textAlign: "center",
-      border: `1px solid ${STANFORD_COLORS.COOL_GREY}`,
-      fontSize: "1.3rem",
-    },
-    td: {
-      border: `1px solid ${STANFORD_COLORS.COOL_GREY}`,
-      padding: "10px",
     },
-  },
-};
+      table: {
+        width: "100%",
+        borderCollapse: "collapse",
+        textAlign: "center",
+        border: `1px solid ${STANFORD_COLORS.COOL_GREY}`,
+        fontSize: "1.3rem",
+      },
+      td: {
+        border: `1px solid ${STANFORD_COLORS.COOL_GREY}`,
+        padding: "10px",
+    }
+  }
+};
diff --git a/components/pages/ArticleListPage/index.tsx b/components/pages/ArticleListPage/index.tsx
@@ -194,4 +194,3 @@ export default class ArticleListPage extends React.Component<
     );
   }
 }
-
diff --git a/static/pullquote.gif b/static/pullquote.gif
Original file line number	Diff line number	Diff line change
Expand Up		@@ -194,4 +194,3 @@ export default class ArticleListPage extends React.Component<
		);
		}
		}