Bug 1395824 Add css for table borders in aboutReader.css r=Gijs
authorSonali9 <sonali18317@iiitd.ac.in>
Mon, 06 May 2019 19:00:03 +0000
changeset 472761 4d11e2cf33f3513dcd7072a7f6ea2124366054f1
parent 472760 f7adce9bf91ca23f8137bb4cf9cf5630b5f75613
child 472762 c386ebfd9c6bdcf77162391848b32f143561b67f
push id35978
push usershindli@mozilla.com
push dateTue, 07 May 2019 09:44:39 +0000
treeherdermozilla-central@7aee5a30dd15 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1395824
milestone68.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1395824 Add css for table borders in aboutReader.css r=Gijs Differential Revision: https://phabricator.services.mozilla.com/D29957
mobile/android/themes/core/aboutReader.css
toolkit/themes/shared/aboutReader.css
--- a/mobile/android/themes/core/aboutReader.css
+++ b/mobile/android/themes/core/aboutReader.css
@@ -409,16 +409,29 @@ body.dark > .container > .content blockq
 }
 
 .moz-reader-content p {
   line-height: 1.4em !important;
   margin: 0px !important;
   margin-bottom: 20px !important;
 }
 
+table,
+th,
+td {
+  border: 1px solid currentColor;
+  border-collapse: collapse;
+  padding: 6px;
+  vertical-align: top;
+}
+
+table {
+  margin: 5px;
+}
+
 /* Covers all images showing edge-to-edge using a 
    an optional caption text */
 .moz-reader-content .wp-caption,
 .moz-reader-content figure {
   display: block !important;
   width: 100% !important;
   margin: 0px !important;
   margin-bottom: 32px !important;
--- a/toolkit/themes/shared/aboutReader.css
+++ b/toolkit/themes/shared/aboutReader.css
@@ -724,16 +724,29 @@ button {
   list-style: disc;
 }
 
 .moz-reader-content ol {
   padding-inline-start: 30px;
   list-style: decimal;
 }
 
+table,
+th,
+td {
+  border: 1px solid currentColor;
+  border-collapse: collapse;
+  padding: 6px;
+  vertical-align: top;
+}
+
+table {
+  margin: 5px;
+}
+
 /* Visually hide (but don't display: none) screen reader elements */
 .moz-reader-content .visually-hidden,
 .moz-reader-content .visuallyhidden,
 .moz-reader-content .sr-only {
   display: inline-block;
   width: 1px;
   height: 1px;
   margin: -1px;