kallithea Changeset - 13b202c88e41

Changeset - 13b202c88e41

Parent rev.

Child rev.

[Not reviewed]

default

0 3 0

domruf - 8 years ago 2017-10-26 23:03:07
dominikruf@gmail.com

less: only override Bootstrap default styling of pre where it really is needed

Bootstrap changes the styling of pre, even without special classes.

Thus, override the bootstrap default styling in a less broad manner.

The only thing that really needs to be changed is the border, margin, padding
and the background for the code diffs.

3 files changed with 21 insertions and 30 deletions:

kallithea/public/css/style.css

kallithea/public/less/kallithea-diff.less

kallithea/public/less/style.less

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

@@ @@ -7,27 +7,12 @@ @@
  * npm --prefix kallithea/public/less run less
+ *
  */
 body {
   background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
+}
 /* Undo unfortunate Bootstrap default styling */
 body pre {
   display: inherit;
   padding: inherit;
   margin: inherit;
   font-size: inherit;
   line-height: inherit;
   color: inherit;
   word-break: inherit;
   word-wrap: inherit;
   background-color: inherit;
   border: inherit;
   border-radius: inherit;
   overflow: inherit;
+}
 a {
   color: #577632;
   text-decoration: none;
+}
 a:hover {
   color: #576622;
@@ @@ -106,12 +91,18 @@ nav.navbar { @@
   background-image: url("../images/kallithea-logo.svg");
   width: 140px;
   height: 30px;
   margin-bottom: -4px;
   margin-top: -12px;
+}
 /* code highlighting */
 /* don't use bootstrap style for code blocks */
 .code-highlighttable pre {
   background: inherit;
   border: 0;
+}
 /* every direct child of a panel, that is not .panel-heading, should auto
  * overflow to prevent overflowing of elements like text boxes and tables */
 .panel > :not(.panel-heading) {
   overflow-x: auto;
   min-height: 0.01%;
+}
@@ @@ -1636,12 +1627,16 @@ BIN_FILENODE = 6 @@
   -webkit-user-select: none;
+}
 .code-difftable .code {
   display: block;
+}
 .code-difftable .code pre {
   border: 0;
   padding: 0;
   margin: 0;
   background: none;
   min-height: 17px;
   line-height: 17px;
   white-space: pre-wrap;
   word-break: break-all;
+}
 .code-difftable .del .code pre:before {

kallithea/public/less/kallithea-diff.less

➞

Show inline comments

@@ @@ -155,12 +155,16 @@ BIN_FILENODE = 6 @@
+  }
   /** CODE **/
   .code {
     display: block;
+  }
   .code pre {
     border: 0;
     padding: 0;
     margin: 0;
     background: none;
     min-height: 17px;
     line-height: 17px;
     white-space: pre-wrap;
     word-break: break-all;
+  }

kallithea/public/less/style.less

➞

Show inline comments

@@ @@ -10,27 +10,12 @@ @@
 @import "kallithea-variables.less";
 body {
   background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
+}
 /* Undo unfortunate Bootstrap default styling */
 body pre {
   display: inherit;
   padding: inherit;
   margin: inherit;
   font-size: inherit;
   line-height: inherit;
   color: inherit;
   word-break: inherit;
   word-wrap: inherit;
   background-color: inherit;
   border: inherit;
   border-radius: inherit;
   overflow: inherit;
+}
 a {
   color: #577632;
   text-decoration: none;
+}
 a:hover {
@@ @@ -120,12 +105,19 @@ nav.navbar { @@
     height: @kallithea-logo-height;
     margin-bottom: -@kallithea-logo-bottom;
     margin-top: -12px;
+  }
+}
 /* code highlighting */
 /* don't use bootstrap style for code blocks */
 .code-highlighttable pre {
   background: inherit;
   border: 0;
+}
 /* every direct child of a panel, that is not .panel-heading, should auto
  * overflow to prevent overflowing of elements like text boxes and tables */
 .panel > :not(.panel-heading){
   overflow-x: auto;
   min-height: 0.01%;
+}

0 comments (0 inline, 0 general)