Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(306)

Unified Diff: components/dom_distiller/core/css/distilledpage.css

Issue 1298583002: Fix printing distilled pages (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: no max-width for print, fix slide-down, fix feedback in preview Created 5 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | components/dom_distiller/core/html/dom_distiller_viewer.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: components/dom_distiller/core/css/distilledpage.css
diff --git a/components/dom_distiller/core/css/distilledpage.css b/components/dom_distiller/core/css/distilledpage.css
index 742e28d604b85729703426b2c342b6b408ad9c72..57fc1a0ab7f85ead1aef5e6d36f3e11f5823e632 100644
--- a/components/dom_distiller/core/css/distilledpage.css
+++ b/components/dom_distiller/core/css/distilledpage.css
@@ -77,7 +77,12 @@ th {
html {
font-size: 14px;
- height: 100%;
+}
+
+@media screen {
+ html {
+ height: 100%;
+ }
}
body {
@@ -259,6 +264,9 @@ h6 {
#closeReaderView {
display: none;
}
+ #feedbackContainer {
+ display: none;
+ }
/* Remove backgrounds and custom colors. */
.light, .dark, .sepia {
@@ -280,10 +288,15 @@ h6 {
#mainContent {
flex: 1 1 auto;
margin: 0px auto;
- max-width: 35em;
width: 100%;
}
+@media screen {
+ #mainContent {
+ max-width: 35em;
+ }
+}
+
#articleHeader {
margin-top: 24px;
width: 100%;
@@ -369,7 +382,7 @@ pre {
white-space: pre-wrap;
}
-.hidden {
+body .hidden {
display: none;
}
@@ -383,19 +396,14 @@ pre {
z-index: 1;
}
-#feedbackContainer {
+.footerFeedback {
+ display: flex;
+ flex-flow: column;
font-size: 14px;
- position: relative;
z-index: 2;
-}
-
-.footerFeedback {
background-color: #4285F4;
- clear: both;
color: #fff;
- display: none;
height: 120px;
- margin-top: -120px;
width: 100%;
}
« no previous file with comments | « no previous file | components/dom_distiller/core/html/dom_distiller_viewer.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698