changeset 2812:2f77d0af91e5

add missing styling of item diffs to basic theme
author RogerHaase <haaserd@gmail.com>
date Tue, 07 Oct 2014 13:53:13 -0700
parents c579c19548a7
children 91567b869c36
files MoinMoin/themes/basic/static/css/theme.css MoinMoin/themes/basic/static/custom-less/moin-variables.less MoinMoin/themes/basic/static/custom-less/moin_diff.css MoinMoin/themes/basic/static/custom-less/theme.less
diffstat 4 files changed, 91 insertions(+), 21 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/basic/static/css/theme.css	Tue Oct 07 10:39:43 2014 -0700
+++ b/MoinMoin/themes/basic/static/css/theme.css	Tue Oct 07 13:53:13 2014 -0700
@@ -6371,6 +6371,51 @@
   vertical-align: middle;
 }
 /* end of mime type icons */
+/* diffs */
+.moin-diff {
+  width: 99%;
+  table-layout: fixed;
+}
+.moin-diff-header {
+  vertical-align: top;
+  font-size: 92%;
+}
+.moin-diff-info {
+  margin: 0.33em 0.25em;
+}
+.moin-diff-info-value {
+  white-space: normal;
+}
+.moin-diff-info-caption {
+  display: inline-block;
+  min-width: 5em;
+}
+.moin-diff-line-number {
+  background-color: #c0c0c0;
+}
+.moin-diff-added {
+  background-color: #e0ffe0;
+  vertical-align: top;
+  width: 50%;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  font-family: monospace;
+}
+.moin-diff-added span {
+  background-color: #80ff80;
+}
+.moin-diff-removed {
+  background-color: #ffffe0;
+  vertical-align: top;
+  width: 50%;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  font-family: monospace;
+}
+.moin-diff-removed span {
+  background-color: #ffff80;
+}
+/* end diffs */
 /* start of basic theme custom css for moin2 */
 @media screen and (min-width: 480px) {
   .moin-pull-right {
@@ -6544,12 +6589,6 @@
 .moin-list-heading > a {
   color: #c8ddf1;
 }
-.moin-diff-added {
-  background-color: #ccffcc;
-}
-.moin-diff-removed {
-  background-color: #ffdddd;
-}
 .moin-breadcrumb {
   padding: 8px 15px;
   margin-bottom: 20px;
--- a/MoinMoin/themes/basic/static/custom-less/moin-variables.less	Tue Oct 07 10:39:43 2014 -0700
+++ b/MoinMoin/themes/basic/static/custom-less/moin-variables.less	Tue Oct 07 13:53:13 2014 -0700
@@ -1,10 +1,3 @@
-
-// Diffs
-// -------------------------
-@moin-diff-removed:         #ffdddd;
-@moin-diff-added:           #ccffcc;
-
-
 // Links
 // -------------------------
 @link-nonexistent-color: lighten(@brand-danger, 15%);
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/MoinMoin/themes/basic/static/custom-less/moin_diff.css	Tue Oct 07 13:53:13 2014 -0700
@@ -0,0 +1,45 @@
+/* diffs */
+.moin-diff {
+    width: 99%;
+    table-layout: fixed;
+}
+.moin-diff-header {
+    vertical-align: top;
+    font-size: 92%;
+}
+.moin-diff-info {
+    margin: .33em .25em
+}
+.moin-diff-info-value {
+    white-space: normal;
+}
+.moin-diff-info-caption {
+    display: inline-block;
+    min-width: 5em;
+}
+.moin-diff-line-number {
+    background-color: #c0c0c0;
+}
+.moin-diff-added {
+    background-color: #e0ffe0;
+    vertical-align: top;
+    width: 50%;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    font-family: monospace;
+}
+.moin-diff-added span {
+    background-color: #80ff80;
+}
+.moin-diff-removed {
+    background-color: #ffffe0;
+    vertical-align: top;
+    width: 50%;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    font-family: monospace;
+}
+.moin-diff-removed span {
+    background-color: #ffff80;
+}
+/* end diffs */
--- a/MoinMoin/themes/basic/static/custom-less/theme.less	Tue Oct 07 10:39:43 2014 -0700
+++ b/MoinMoin/themes/basic/static/custom-less/theme.less	Tue Oct 07 13:53:13 2014 -0700
@@ -20,6 +20,7 @@
 /* end of pygments colorful.css */
 
 @import (less) "mime_type_icons.css";
+@import (less) "moin_diff.css";
 
 /* start of basic theme custom css for moin2 */
 
@@ -122,14 +123,6 @@
   }
 }
 
-.moin-diff-added {
-  background-color: @moin-diff-added;
-}
-
-.moin-diff-removed {
-  background-color: @moin-diff-removed;
-}
-
 .moin-breadcrumb {
   .breadcrumb;
   > li {