Changeset - e9ba69d3b367
[Not reviewed]
default
0 2 0
domruf - 8 years ago 2017-10-30 01:46:44
dominikruf@gmail.com
less: add comment for statistics charts and simplify selector

In case we decide to change the element type, make the selector more generic.
2 files changed with 8 insertions and 4 deletions:
0 comments (0 inline, 0 general)
kallithea/public/css/style.css
Show inline comments
 
@@ -1008,197 +1008,198 @@ div.gravatar img {
 
#content div.panel div.panel-heading div.search > div input {
 
  border: 1px solid #576622;
 
}
 
.panel-body.settings > ul.nav-stacked {
 
  float: left;
 
  width: 150px;
 
  padding-right: 35px;
 
  color: #393939;
 
  font-weight: 700;
 
}
 
.panel-body.settings .nav-pills > li {
 
  padding: 0 !important;
 
}
 
.panel-body.settings .nav-pills > li > a {
 
  border-radius: 4px;
 
  padding: 10px;
 
  display: block;
 
  position: relative;
 
  color: inherit;
 
}
 
.panel-body.settings > ul.nav-stacked li.active > a,
 
.panel-body.settings > ul.nav-stacked li.active:hover > a {
 
  color: #fff;
 
  background-color: #577632;
 
}
 
.panel-body.settings > ul.nav-stacked li:hover > a {
 
  text-decoration: none;
 
  background-color: #eee;
 
}
 
.panel-body.settings > div,
 
.panel-body.settings > form {
 
  float: left;
 
  width: 750px;
 
  margin: 0;
 
}
 
.panel-body.no-padding {
 
  padding: 0;
 
}
 
.panel-body ~ .panel-body {
 
  padding-top: 0;
 
}
 
.panel-body.no-padding ~ .panel-body {
 
  padding-top: 15px;
 
}
 
.panel-body > :last-child {
 
  margin-bottom: 0;
 
}
 
.panel-body.settings .text-muted {
 
  margin: 5px 0;
 
}
 
/* No white Bootstrap buttons */
 
body .btn.btn-default {
 
  background-color: #DADADA;
 
  background-repeat: repeat-x;
 
  background-image: linear-gradient(to bottom, #F4F4F4, #DADADA);
 
  border-top: 1px solid #DDD;
 
  border-left: 1px solid #c6c6c6;
 
  border-right: 1px solid #DDD;
 
  border-bottom: 1px solid #c6c6c6;
 
}
 
body .btn.btn-default:hover {
 
  background-image: none;
 
}
 
/* use our link color for btn-link */
 
.btn-link {
 
  color: #577632;
 
}
 
ins,
 
div.options a:hover {
 
  text-decoration: none;
 
}
 
img,
 
nav.navbar #quick li a:hover span.normal,
 
#clone_url,
 
#clone_url_id {
 
  border: none;
 
}
 
img.icon,
 
.right .merge img {
 
  vertical-align: bottom;
 
}
 
#content div.panel div.panel-heading ul.links,
 
#content div.panel div.message div.dismiss {
 
  float: right;
 
  margin: 0;
 
  padding: 0;
 
}
 
nav.navbar #home,
 
#content div.panel ul.left,
 
#content div.panel ol.left,
 
div#commit_history,
 
div#legend_data,
 
div#legend_container,
 
div#legend_choices {
 
  float: left;
 
}
 
div#commit_history {
 
/* set size for statistics charts */
 
#commit_history {
 
  width: 450px;
 
  height: 300px;
 
}
 
div#overview {
 
#overview {
 
  clear: both;
 
  width: 450px;
 
  height: 100px;
 
}
 
#content #left #menu ul.closed,
 
#content #left #menu li ul.collapsed,
 
.yui-tt-shadow {
 
  display: none;
 
}
 
#content #left #menu ul.opened,
 
#content #left #menu li ul.expanded {
 
  display: block !important;
 
}
 
#context-bar .select2-container .select2-choice .select2-chosen,
 
nav.navbar #quick .select2-container .select2-choice .select2-chosen {
 
  margin-right: 0;
 
}
 
.branch-switcher .select2-choice,
 
.repo-switcher .select2-choice {
 
  height: 100%;
 
  padding: 0;
 
}
 
.branch-switcher .select2-container,
 
.repo-switcher .select2-container,
 
.branch-switcher .select2-choice,
 
.repo-switcher .select2-choice,
 
.branch-switcher .select2-choice > span,
 
.repo-switcher .select2-choice > span {
 
  background: transparent !important;
 
  border: 0 !important;
 
  box-shadow: none !important;
 
  color: #FFFFFF !important;
 
}
 
.branch-switcher .select2-arrow,
 
.repo-switcher .select2-arrow {
 
  display: none !important;
 
}
 
.select2-container.form-control {
 
  padding: 0;
 
  border: none;
 
}
 
.branch-switcher-dropdown.select2-drop.select2-drop-active,
 
.repo-switcher-dropdown.select2-drop.select2-drop-active {
 
  box-shadow: none;
 
  background-color: #577632;
 
  border: 1px solid rgba(0, 0, 0, 0.15);
 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 
}
 
.repo-switcher-dropdown.select2-drop.select2-drop-active {
 
  color: black;
 
}
 
.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-result-label {
 
  color: white;
 
}
 
#content div.panel ol.lower-roman,
 
#content div.panel ol.upper-roman,
 
#content div.panel ol.lower-alpha,
 
#content div.panel ol.upper-alpha,
 
#content div.panel ol.decimal {
 
  margin: 10px 24px 10px 44px;
 
}
 
/* formencode htmlfill adds 'error' to failing input fields */
 
#content div.panel div.form div.form-group > div input.error,
 
#login div.form div.form-group > div input.error,
 
#register div.form div.form-group > div input.error {
 
  background: #FBE3E4;
 
  border-top: 1px solid #e1b2b3;
 
  border-left: 1px solid #e1b2b3;
 
  border-right: 1px solid #FBC2C4;
 
  border-bottom: 1px solid #FBC2C4;
 
}
 
/* formencode htmlfill injects 'error-message' */
 
#content div.panel div.form div.form-group span.error-message,
 
#login div.form div.form-group span.error-message,
 
#register div.form div.form-group span.error-message {
 
  display: inline-block;
 
  color: red;
 
  margin: 4px 0 0;
 
}
 
#content div.panel table th.selected input,
 
#content div.panel table td.selected input {
 
  margin: 0;
 
}
 
#content div.panel div.form div.form-group > div {
 
  margin: 0 0 10px 200px;
 
}
 
#content div.panel div.form div.form-group > div a:hover,
 
#content div.panel div.form div.form-group > div a.ui-selectmenu:hover,
 
#content div.panel div.action a:hover {
 
  color: #000;
 
  text-decoration: none;
 
}
 
#content div.panel div.form div.form-group > div a.ui-selectmenu-focus,
 
#content div.panel div.action a.ui-selectmenu-focus {
 
  border: 1px solid #666;
 
}
kallithea/public/less/style.less
Show inline comments
 
@@ -731,201 +731,204 @@ div.gravatar img {
 
#content div.panel div.panel-heading div.search > div input {
 
  border: 1px solid #576622;
 
}
 
.panel-body.settings > ul.nav-stacked {
 
  float: left;
 
  width: 150px;
 
  padding-right: 35px;
 
  color: #393939;
 
  font-weight: 700;
 
}
 
.panel-body.settings .nav-pills > li {
 
  padding: 0 !important;
 
}
 
.panel-body.settings .nav-pills > li > a {
 
  border-radius: 4px;
 
  padding: 10px;
 
  display: block;
 
  position: relative;
 
  color: inherit;
 
}
 
.panel-body.settings > ul.nav-stacked li.active > a,
 
.panel-body.settings > ul.nav-stacked li.active:hover > a {
 
  color: #fff;
 
  background-color: #577632;
 
}
 
.panel-body.settings > ul.nav-stacked li:hover > a {
 
  text-decoration: none;
 
  background-color: #eee;
 
}
 
.panel-body.settings > div,
 
.panel-body.settings > form {
 
  float: left;
 
  width: 750px;
 
  margin: 0;
 
}
 
.panel-body.no-padding {
 
  padding: 0;
 
}
 
.panel-body ~ .panel-body {
 
  padding-top: 0;
 
}
 
.panel-body.no-padding ~ .panel-body {
 
  padding-top: 15px;
 
}
 
.panel-body > :last-child {
 
  margin-bottom: 0;
 
}
 
.panel-body.settings .text-muted {
 
  margin: 5px 0;
 
}
 
/* No white Bootstrap buttons */
 
body .btn.btn-default {
 
  background-color: #DADADA;
 
  background-repeat: repeat-x;
 
  background-image: linear-gradient(to bottom, #F4F4F4, #DADADA);
 
  border-top: 1px solid #DDD;
 
  border-left: 1px solid #c6c6c6;
 
  border-right: 1px solid #DDD;
 
  border-bottom: 1px solid #c6c6c6;
 
}
 
body .btn.btn-default:hover {
 
  background-image: none;
 
}
 
/* use our link color for btn-link */
 
.btn-link {
 
  color: #577632;
 
}
 
ins,
 
div.options a:hover {
 
  text-decoration: none;
 
}
 
img,
 
nav.navbar #quick li a:hover span.normal,
 
#clone_url,
 
#clone_url_id {
 
  border: none;
 
}
 
img.icon,
 
.right .merge img {
 
  vertical-align: bottom;
 
}
 
#content div.panel div.panel-heading ul.links,
 
#content div.panel div.message div.dismiss {
 
  float: right;
 
  margin: 0;
 
  padding: 0;
 
}
 
nav.navbar #home,
 
#content div.panel ul.left,
 
#content div.panel ol.left,
 
div#commit_history,
 
div#legend_data,
 
div#legend_container,
 
div#legend_choices {
 
  float: left;
 
}
 
div#commit_history {
 

	
 
/* set size for statistics charts */
 
#commit_history {
 
  width: 450px;
 
  height: 300px;
 
}
 
div#overview {
 
#overview {
 
  clear: both;
 
  width: 450px;
 
  height: 100px;
 
}
 

	
 
#content #left #menu ul.closed,
 
#content #left #menu li ul.collapsed,
 
.yui-tt-shadow {
 
  display: none;
 
}
 
#content #left #menu ul.opened,
 
#content #left #menu li ul.expanded {
 
  display: block !important;
 
}
 

	
 
@import "kallithea-select2.less";
 

	
 
#content div.panel ol.lower-roman,
 
#content div.panel ol.upper-roman,
 
#content div.panel ol.lower-alpha,
 
#content div.panel ol.upper-alpha,
 
#content div.panel ol.decimal {
 
  margin: 10px 24px 10px 44px;
 
}
 
/* formencode htmlfill adds 'error' to failing input fields */
 
#content div.panel div.form div.form-group > div input.error,
 
#login div.form div.form-group > div input.error,
 
#register div.form div.form-group > div input.error {
 
  background: #FBE3E4;
 
  border-top: 1px solid #e1b2b3;
 
  border-left: 1px solid #e1b2b3;
 
  border-right: 1px solid #FBC2C4;
 
  border-bottom: 1px solid #FBC2C4;
 
}
 
/* formencode htmlfill injects 'error-message' */
 
#content div.panel div.form div.form-group span.error-message,
 
#login div.form div.form-group span.error-message,
 
#register div.form div.form-group span.error-message {
 
  display: inline-block;
 
  color: red;
 
  margin: 4px 0 0;
 
}
 
#content div.panel table th.selected input,
 
#content div.panel table td.selected input {
 
  margin: 0;
 
}
 
#content div.panel div.form div.form-group > div {
 
  margin: 0 0 10px 200px;
 
}
 
#content div.panel div.form div.form-group > div a:hover,
 
#content div.panel div.form div.form-group > div a.ui-selectmenu:hover,
 
#content div.panel div.action a:hover {
 
  color: #000;
 
  text-decoration: none;
 
}
 
#content div.panel div.form div.form-group > div a.ui-selectmenu-focus,
 
#content div.panel div.action a.ui-selectmenu-focus {
 
  border: 1px solid #666;
 
}
 
div.form div.form-group div.button input,
 
#content div.panel div.form div.buttons input,
 
div.form div.buttons input,
 
#content div.panel div.action div.button input {
 
  font-size: 11px;
 
  font-weight: 700;
 
  margin: 0;
 
}
 
div.form div.form-group div.highlight,
 
#content div.panel div.form div.buttons div.highlight {
 
  display: inline;
 
}
 
#content div.panel div.form div.buttons,
 
div.form div.buttons {
 
  margin: 10px 10px 0 200px;
 
  padding: 0;
 
}
 
#content div.panel table td.user,
 
#content div.panel table td.address {
 
  width: 10%;
 
  text-align: center;
 
}
 
#content div.panel div.action div.button {
 
  text-align: right;
 
  margin: 6px 0 0;
 
  padding: 0;
 
}
 
#login,
 
#register {
 
  width: 520px;
 
  margin: 10% auto 0;
 
  padding: 0;
 
}
 
#register div.form div.form-group span.error-message {
 
  height: 1%;
 
  display: block;
 
  color: red;
 
  margin: 8px 0 0;
 
  padding: 0;
 
  max-width: 320px;
 
}
 
.ac .match {
0 comments (0 inline, 0 general)