Changeset - 311e881d1a56
Parent rev.
Child rev.
[Not reviewed]
default
0 2 0
domruf - 8 years ago 2017-10-29 14:12:21
dominikruf@gmail.com
less: clean up .code-browser style

- remove unnecessary style
- use default table heading style
- move icon spacing style to separate block
2 files changed with 13 insertions and 78 deletions:
kallithea/public/css/style.css
6
39
kallithea/public/less/style.less
7
39
0 comments (0 inline, 0 general)
kallithea/public/css/style.css
➞
Show inline comments
 
@@ -103,48 +103,54 @@ nav.navbar #logo > .navbar-brand > img {
 
  padding: 1px 0 !important;
 
}
 
/* every direct child of a main panel, that is not .panel-heading, should auto
 
 * overflow to prevent overflowing of elements like text boxes and tables */
 
#main > .panel > :not(.panel-heading) {
 
  overflow-x: auto;
 
  min-height: 0.01%;
 
}
 
/* use pointer cursor for expand_commit */
 
.expand_commit .icon-align-left {
 
  cursor: pointer;
 
  color: #999;
 
}
 
/* don't break author, date and comment cells into multiple lines in changeset table */
 
table.changesets .author,
 
table.changesets .date,
 
table.changesets .comments {
 
  white-space: nowrap;
 
}
 
/* textareas should be at least 100px high and 400px wide */
 
textarea.form-control {
 
  min-height: 100px;
 
  min-width: 400px;
 
}
 
/* add some space between the code-browser icons and the file names */
 
.browser-dir > i[class^='icon-'],
 
.submodule-dir > i[class^='icon-'],
 
.browser-file > i[class^='icon-'] {
 
  padding-right: 0.3em;
 
}
 
.form-group > label {
 
  float: left;
 
}
 
.dt_repo_pending {
 
  opacity: 0.5;
 
}
 
.dt_repo i.icon-keyhole-circled,
 
.dt_repo i.icon-globe {
 
  font-size: 16px;
 
  vertical-align: -2px;
 
  margin: 0px 1px 0px 3px;
 
}
 
div.panel-primary {
 
  border: none;
 
}
 
div.panel div.panel-heading {
 
  background-color: #577632;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
div.panel.panel-default:last-child {
 
  margin-bottom: 0;
 
}
 
div.panel.panel-default > div.panel-heading {
 
@@ -844,87 +850,48 @@ table#changesets tr > td.mid .message a:
 
  display: block;
 
  float: right;
 
  text-align: center;
 
  min-width: 45px;
 
  cursor: pointer;
 
  color: #444444;
 
  background: #FEA;
 
  border-radius: 0px 0px 0px 6px;
 
  padding: 1px;
 
}
 
.pull-right .changes .added,
 
.pull-right .changes .changed,
 
.pull-right .changes .deleted {
 
  color: #444444;
 
}
 
.pull-right .changes .added {
 
  background: #CFC;
 
}
 
.pull-right .changes .changed {
 
  background: #FEA;
 
}
 
.pull-right .changes .deleted {
 
  background: #FAA;
 
}
 
table.code-browser {
 
  border-collapse: collapse;
 
  width: 100%;
 
}
 
table.code-browser tr {
 
  margin: 3px;
 
}
 
table.code-browser thead th {
 
  background-color: #EEE;
 
  height: 20px;
 
  font-size: 1.1em;
 
  font-weight: 700;
 
  text-align: left;
 
  padding-left: 10px;
 
}
 
table.code-browser tbody td {
 
  padding-left: 10px;
 
  height: 20px;
 
}
 
table.code-browser .browser-file {
 
  height: 16px;
 
  padding-left: 5px;
 
  text-align: left;
 
}
 
table.code-browser .browser-dir {
 
  height: 16px;
 
  padding-left: 5px;
 
  text-align: left;
 
}
 
table.code-browser .submodule-dir {
 
  height: 16px;
 
  padding-left: 5px;
 
  text-align: left;
 
}
 
/* add some padding to the right of the file, folder, or submodule icon and
 
before the text */
 
table.code-browser i[class^='icon-'] {
 
  padding-right: .3em;
 
}
 
.panel .search div.search_path {
 
  background: none repeat scroll 0 0 #EEE;
 
  border: 1px solid #CCC;
 
  color: blue;
 
  margin-bottom: 10px;
 
  padding: 10px 0;
 
}
 
.panel .search div.search_path div.link {
 
  font-weight: 700;
 
  margin-left: 25px;
 
}
 
.panel .search div.search_path div.link a {
 
  color: #577632;
 
  cursor: pointer;
 
  text-decoration: none;
 
}
 
.info_box input#at_rev,
 
.info_box input#size {
 
  border-top: 1px solid #b3b3b3;
 
  border-left: 1px solid #b3b3b3;
 
  border-right: 1px solid #eaeaea;
 
  border-bottom: 1px solid #eaeaea;
 
}
 
.info_box_elem {
kallithea/public/less/style.less
➞
Show inline comments
 
@@ -120,48 +120,55 @@ nav.navbar #logo > .navbar-brand > img {
 
  min-height: 0.01%;
 
}
 

			




	
	
	
		
 
/* use pointer cursor for expand_commit */

			




	
	
	
		
 
.expand_commit .icon-align-left {

			




	
	
	
		
 
  cursor: pointer;

			




	
	
	
		
 
  color: #999;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
/* don't break author, date and comment cells into multiple lines in changeset table */

			




	
	
	
		
 
table.changesets {

			




	
	
	
		
 
  .author,

			




	
	
	
		
 
  .date,

			




	
	
	
		
 
  .comments {

			




	
	
	
		
 
    white-space: nowrap;

			




	
	
	
		
 
  }

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
/* textareas should be at least 100px high and 400px wide */

			




	
	
	
		
 
textarea.form-control {

			




	
	
	
		
 
  min-height: 100px;

			




	
	
	
		
 
  min-width: 400px;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
/* add some space between the code-browser icons and the file names */

			




	
	
	
		
 
.browser-dir > i[class^='icon-'],

			




	
	
	
		
 
.submodule-dir > i[class^='icon-'],

			




	
	
	
		
 
.browser-file > i[class^='icon-'] {

			




	
	
	
		
 
  padding-right: 0.3em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.form-group > label {

			




	
	
	
		
 
  float: left;

			




	
	
	
		
 
}

			




	
	
	
		
 
.dt_repo_pending {

			




	
	
	
		
 
  opacity: 0.5;

			




	
	
	
		
 
}

			




	
	
	
		
 
.dt_repo i.icon-keyhole-circled,

			




	
	
	
		
 
.dt_repo i.icon-globe {

			




	
	
	
		
 
  font-size: 16px;

			




	
	
	
		
 
  vertical-align: -2px;

			




	
	
	
		
 
  margin: 0px 1px 0px 3px;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
div.panel-primary {

			




	
	
	
		
 
  border: none;

			




	
	
	
		
 
}

			




	
	
	
		
 
div.panel div.panel-heading {

			




	
	
	
		
 
  background-color: #577632;

			




	
	
	
		
 
  font-size: 14px;

			




	
	
	
		
 
  font-weight: 700;

			




	
	
	
		
 
}

			




	
	
	
		
 
div.panel.panel-default:last-child {

			




	
	
	
		
 
  margin-bottom: 0;

			




	
	
	
		
 
}

			




	
	
		
 
@@ -633,87 +640,48 @@ table#changesets tr > td.mid .message a:

			




	
	
	
		
 
  display: block;

			




	
	
	
		
 
  float: right;

			




	
	
	
		
 
  text-align: center;

			




	
	
	
		
 
  min-width: 45px;

			




	
	
	
		
 
  cursor: pointer;

			




	
	
	
		
 
  color: #444444;

			




	
	
	
		
 
  background: #FEA;

			




	
	
	
		
 
  border-radius: 0px 0px 0px 6px;

			




	
	
	
		
 
  padding: 1px;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .added,

			




	
	
	
		
 
.pull-right .changes .changed,

			




	
	
	
		
 
.pull-right .changes .deleted {

			




	
	
	
		
 
  color: #444444;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .added {

			




	
	
	
		
 
  background: #CFC;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .changed {

			




	
	
	
		
 
  background: #FEA;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .deleted {

			




	
	
	
		
 
  background: #FAA;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser {

			




	
	
	
		
 
  border-collapse: collapse;

			




	
	
	
		
 
  width: 100%;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser tr {

			




	
	
	
		
 
  margin: 3px;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser thead th {

			




	
	
	
		
 
  background-color: #EEE;

			




	
	
	
		
 
  height: 20px;

			




	
	
	
		
 
  font-size: 1.1em;

			




	
	
	
		
 
  font-weight: 700;

			




	
	
	
		
 
  text-align: left;

			




	
	
	
		
 
  padding-left: 10px;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser tbody td {

			




	
	
	
		
 
  padding-left: 10px;

			




	
	
	
		
 
  height: 20px;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser .browser-file {

			




	
	
	
		
 
  height: 16px;

			




	
	
	
		
 
  padding-left: 5px;

			




	
	
	
		
 
  text-align: left;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser .browser-dir {

			




	
	
	
		
 
  height: 16px;

			




	
	
	
		
 
  padding-left: 5px;

			




	
	
	
		
 
  text-align: left;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser .submodule-dir {

			




	
	
	
		
 
  height: 16px;

			




	
	
	
		
 
  padding-left: 5px;

			




	
	
	
		
 
  text-align: left;

			




	
	
	
		
 
}

			




	
	
	
		
 
/* add some padding to the right of the file, folder, or submodule icon and

			




	
	
	
		
 
before the text */

			




	
	
	
		
 
table.code-browser i[class^='icon-'] {

			




	
	
	
		
 
  padding-right: .3em;

			




	
	
	
		
 
}

			




	
	
	
		
 
.panel .search div.search_path {

			




	
	
	
		
 
  background: none repeat scroll 0 0 #EEE;

			




	
	
	
		
 
  border: 1px solid #CCC;

			




	
	
	
		
 
  color: blue;

			




	
	
	
		
 
  margin-bottom: 10px;

			




	
	
	
		
 
  padding: 10px 0;

			




	
	
	
		
 
}

			




	
	
	
		
 
.panel .search div.search_path div.link {

			




	
	
	
		
 
  font-weight: 700;

			




	
	
	
		
 
  margin-left: 25px;

			




	
	
	
		
 
}

			




	
	
	
		
 
.panel .search div.search_path div.link a {

			




	
	
	
		
 
  color: #577632;

			




	
	
	
		
 
  cursor: pointer;

			




	
	
	
		
 
  text-decoration: none;

			




	
	
	
		
 
}

			




	
	
	
		
 
.info_box input#at_rev,

			




	
	
	
		
 
.info_box input#size {

			




	
	
	
		
 
  border-top: 1px solid #b3b3b3;

			




	
	
	
		
 
  border-left: 1px solid #b3b3b3;

			




	
	
	
		
 
  border-right: 1px solid #eaeaea;

			




	
	
	
		
 
  border-bottom: 1px solid #eaeaea;

			




	
	
	
		
 
}

			




	
	
	
		
 
.info_box_elem {

			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







  


    




    








    
        
    
    
        This site is powered by
            Kallithea 0.7.0,
        which is
        © 2010–2025 by various authors & licensed under GPLv3.