Changeset - a654ce23d552
[Not reviewed]
default
0 2 0
domruf - 8 years ago 2017-10-28 19:05:14
dominikruf@gmail.com
less: simplify .expand_commit selector

also
- remove unnecessary width style
- move to separate block and add comment
2 files changed with 11 insertions and 12 deletions:
0 comments (0 inline, 0 general)
kallithea/public/css/style.css
Show inline comments
 
@@ -15,192 +15,197 @@ body {
 
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;
 
  text-decoration: underline;
 
}
 
code,
 
.code pre,
 
.linenos pre,
 
div.readme pre,
 
div.formatted-fixed,
 
.CodeMirror .CodeMirror-code pre {
 
  font-size: 12px;
 
  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 
}
 
/* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */
 
.formatted-fixed {
 
  white-space: pre-wrap;
 
}
 
.changeset_hash {
 
  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 
}
 
.inline-comments-general.show-general-status .hidden.general-only {
 
  display: block !important;
 
}
 
.truncate {
 
  white-space: nowrap;
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  -o-text-overflow: ellipsis;
 
  -ms-text-overflow: ellipsis;
 
}
 
.truncate.autoexpand:hover {
 
  overflow: visible;
 
}
 
/* show comment anchors when hovering over panel-heading */
 
a.permalink {
 
  visibility: hidden;
 
}
 
.panel-heading:hover .permalink {
 
  visibility: visible;
 
}
 
.navbar-inverse {
 
  border: none;
 
}
 
.navbar-inverse .navbar-nav > .active > a,
 
.navbar-inverse .navbar-nav > .active > a:hover,
 
.navbar-inverse .navbar-nav > .active > a:focus {
 
  background-color: inherit;
 
}
 
nav.navbar .navbar-brand:hover,
 
nav.navbar .navbar-brand {
 
  font-size: 20px;
 
  padding-top: 12px;
 
  color: white !important;
 
  height: 44px;
 
}
 
nav.navbar {
 
  min-height: 44px;
 
  background-color: #577632;
 
}
 
nav.navbar #logo > .navbar-brand > img {
 
  margin-top: -9px;
 
  margin-right: 5px;
 
}
 
/* language bars (summary page) */
 
#lang_stats .progress-bar {
 
  min-width: 15px;
 
  border-top-right-radius: 8px;
 
  border-bottom-right-radius: 8px;
 
}
 
#lang_stats td {
 
  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;
 
}
 
.form-group > label {
 
  float: left;
 
}
 
.groups_breadcrumbs a {
 
  color: #fff;
 
}
 
.groups_breadcrumbs a:hover {
 
  color: #bfe3ff;
 
  text-decoration: none;
 
}
 
.dt_repo {
 
  white-space: nowrap;
 
  color: #577632;
 
}
 
.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 {
 
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
 
  border: none;
 
}
 
div.panel div.panel-heading {
 
  background-color: #577632;
 
  background-repeat: repeat-x;
 
  background-image: linear-gradient(to bottom, #577632, #577632);
 
  border-radius: 4px 4px 0 0;
 
}
 
#content div.panel div.panel-heading ul.links li {
 
  list-style: none;
 
  float: left;
 
  margin: 0;
 
  padding: 0;
 
}
 
div.panel.panel-default {
 
  border: 1px solid #ccc;
 
  box-shadow: none;
 
  border-radius: 6px 6px 0px 0px;
 
  margin-bottom: 15px;
 
}
 
div.panel.panel-default:last-child {
 
  margin-bottom: 0;
 
}
 
div.panel.panel-default > div.panel-heading {
 
  background: #eee;
 
  border-bottom: 1px solid #ccc;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
#content div.panel div.panel-heading .pull-left {
 
  margin-right: 10px;
 
}
 
#content div.panel div.panel-heading .pull-right {
 
  margin-left: 10px;
 
}
 
#content div.panel div.form div.form-group {
 
  border-bottom: 1px solid #DDD;
 
  clear: both;
 
}
 
#content div.panel table#permissions_manage {
 
  width: auto;
 
}
 
#content div.panel table td.compact {
 
  padding-left: 0;
 
  padding-right: 0;
 
}
 
#content div.panel table tr.selected td {
 
  background: #FFC;
 
}
 
#content div.panel table td.selected {
 
  width: 3%;
 
  text-align: center;
 
  vertical-align: middle;
 
  padding: 0;
 
}
 
#content div.panel table td.action {
 
  width: 45%;
 
  text-align: left;
 
}
 
#content div.panel table td.date {
 
  width: 33%;
 
  text-align: center;
 
}
 
#content div.panel div.action {
 
  float: right;
 
  background: #FFF;
 
  text-align: right;
 
  margin: 10px 0 0;
 
  padding: 0;
 
}
 
#content div.panel div.action select {
 
@@ -762,198 +767,192 @@ table#changesets .booktag {
 
  padding: 5px 0px 5px 0px;
 
  width: 95px;
 
}
 
.trending_language_tbl,
 
.trending_language_tbl td {
 
  border: 0 !important;
 
  margin: 0 !important;
 
  padding: 0 !important;
 
}
 
.trending_language_tbl,
 
.trending_language_tbl tr {
 
  border-spacing: 1px;
 
}
 
h3.files_location {
 
  font-size: 1.8em;
 
  font-weight: 700;
 
  border-bottom: none !important;
 
  margin: 10px 0 !important;
 
}
 
.file_history {
 
  padding-top: 10px;
 
  font-size: 16px;
 
}
 
.file_author {
 
  float: left;
 
}
 
.file_author .item {
 
  float: left;
 
  padding: 5px;
 
  color: #888;
 
}
 
.changeset_id {
 
  color: #666666;
 
  margin-right: -3px;
 
}
 
.changeset-logical-index {
 
  color: #666666;
 
  font-style: italic;
 
  font-size: 85%;
 
  padding-right: 0.5em;
 
  text-align: right;
 
}
 
#changeset_compare_view_content .compare_view_commits {
 
  width: auto !important;
 
}
 
#changeset_compare_view_content .compare_view_commits td {
 
  padding: 0px 0px 0px 12px !important;
 
}
 
td.author {
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  white-space: nowrap;
 
  max-width: 210px;
 
}
 
#graph_nodes {
 
  position: absolute;
 
  width: 100px;
 
}
 
#graph_content,
 
#graph_content_pr,
 
#graph .info_box,
 
#graph .container_header {
 
  margin-left: 100px;
 
}
 
#graph_content {
 
  position: relative;
 
}
 
table#updaterevs-table tr.mergerow,
 
table#updaterevs-table tr.out-of-range,
 
table#changesets tr.mergerow,
 
table#changesets tr.out-of-range {
 
  opacity: 0.6;
 
}
 
table#changesets tr > td {
 
  height: 31px;
 
  border-color: #cdcdcd;
 
  text-align: left;
 
}
 
table#changesets tr > td.checkbox-column {
 
  width: 14px;
 
  font-size: 0.85em;
 
}
 
table#changesets tr > td.status {
 
  width: 14px;
 
  font-size: 0.85em;
 
}
 
table#changesets tr > td.hash {
 
  width: 100px;
 
  font-size: 0.85em;
 
}
 
table#changesets tr > td.date {
 
  width: auto !important;
 
  color: #666;
 
  font-size: 10px;
 
  white-space: nowrap;
 
}
 
#graph_content_pr .compare_view_commits .expand_commit,
 
table#changesets tr > td.expand_commit {
 
  width: 24px;
 
  cursor: pointer;
 
  color: #999;
 
}
 
table#changesets tr > td.mid {
 
  width: 100%;
 
  padding: 0;
 
}
 
table#changesets .log-container {
 
  position: relative;
 
  margin-top: 8px;
 
}
 
table#changesets tr #singlerange,
 
table#changesets tr .changeset_range {
 
  float: left;
 
  margin: 2px 0;
 
}
 
table#changesets tr > td.author img {
 
  vertical-align: middle;
 
}
 
table#changesets tr > td.author .user {
 
  color: #444444;
 
}
 
table#changesets tr > td.mid .message,
 
#graph_content_pr .compare_view_commits .message {
 
  white-space: nowrap;
 
  padding: 0;
 
  overflow: hidden;
 
}
 
#graph_content_pr .compare_view_commits .message {
 
  padding: 0 !important;
 
}
 
table#changesets tr > td.mid .message.expanded,
 
#graph_content_pr .compare_view_commits .message.expanded {
 
  height: auto;
 
  overflow: initial;
 
}
 
table#changesets tr .extra-container {
 
  display: block;
 
  position: absolute;
 
  top: -15px;
 
  right: 0;
 
  padding-left: 5px;
 
  background: #FFFFFF;
 
  height: 41px;
 
}
 
#pull_request_overview .comments-container,
 
#changeset_compare_view_content .comments-container,
 
table#changesets .comments-container,
 
#shortlog_data .comments-container,
 
table#changesets .logtags {
 
  display: block;
 
  float: left;
 
  overflow: hidden;
 
  padding: 0;
 
  margin: 0;
 
  white-space: nowrap;
 
}
 
table#changesets .comments-container {
 
  margin: 0.8em 0;
 
  margin-right: 0.5em;
 
}
 
table#changesets .tagcontainer {
 
  width: 80px;
 
  position: relative;
 
  float: right;
 
  height: 100%;
 
  top: 7px;
 
  margin-left: 0.5em;
 
}
 
table#changesets .logtags {
 
  min-width: 80px;
 
  height: 1.1em;
 
  position: absolute;
 
  left: 0px;
 
  width: auto;
 
  top: 0px;
 
}
 
table#changesets .logtags.tags {
 
  top: 14px;
 
}
 
table#changesets .logtags:hover {
 
  overflow: visible;
 
  position: absolute;
 
  width: auto;
 
  right: 0;
 
  left: initial;
 
}
 
table#changesets .logtags .booktag,
 
table#changesets .logtags .tagtag {
 
  float: left;
 
  line-height: 1em;
 
  margin-bottom: 1px;
 
  margin-right: 1px;
 
  padding: 1px 3px;
 
  font-size: 10px;
 
}
 
table#changesets tr > td.mid .message a:hover {
 
  text-decoration: none;
 
}
kallithea/public/less/style.less
Show inline comments
 
@@ -27,192 +27,198 @@ body pre {
 
  border-radius: inherit;
 
  overflow: inherit;
 
}
 

	
 
a {
 
  color: #577632;
 
  text-decoration: none;
 
}
 
a:hover {
 
  color: #576622;
 
  text-decoration: underline;
 
}
 
code,
 
.code pre,
 
.linenos pre,
 
div.readme pre,
 
div.formatted-fixed,
 
.CodeMirror .CodeMirror-code pre {
 
  font-size: 12px;
 
  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 
}
 

	
 
/* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */
 
.formatted-fixed {
 
  white-space: pre-wrap;
 
}
 

	
 
.changeset_hash {
 
  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 
}
 

	
 
.inline-comments-general.show-general-status .hidden.general-only {
 
  display: block !important;
 
}
 
.truncate {
 
  white-space: nowrap;
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  -o-text-overflow: ellipsis;
 
  -ms-text-overflow: ellipsis;
 
}
 
.truncate.autoexpand:hover {
 
  overflow: visible;
 
}
 

	
 
/* show comment anchors when hovering over panel-heading */
 
a.permalink {
 
  visibility: hidden;
 
}
 
.panel-heading:hover .permalink {
 
  visibility: visible;
 
}
 

	
 
.navbar-inverse {
 
  border: none;
 
}
 
.navbar-inverse .navbar-nav > .active > a,
 
.navbar-inverse .navbar-nav > .active > a:hover,
 
.navbar-inverse .navbar-nav > .active > a:focus {
 
  background-color: inherit;
 
}
 
nav.navbar .navbar-brand:hover,
 
nav.navbar .navbar-brand {
 
  font-size: 20px;
 
  padding-top: 12px;
 
  color: white !important;
 
  height: 44px;
 
}
 
nav.navbar {
 
  min-height: 44px;
 
  background-color: #577632;
 
}
 
nav.navbar #logo > .navbar-brand > img {
 
  margin-top: -9px;
 
  margin-right: 5px;
 
}
 

	
 
/* language bars (summary page) */
 
#lang_stats {
 
  .progress-bar {
 
    min-width: 15px;
 
    border-top-right-radius: 8px;
 
    border-bottom-right-radius: 8px;
 
  }
 
  td {
 
    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;
 
}
 

	
 
.form-group > label {
 
  float: left;
 
}
 
.groups_breadcrumbs a {
 
  color: #fff;
 
}
 
.groups_breadcrumbs a:hover {
 
  color: #bfe3ff;
 
  text-decoration: none;
 
}
 
.dt_repo {
 
  white-space: nowrap;
 
  color: #577632;
 
}
 
.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 {
 
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
 
  border: none;
 
}
 
div.panel div.panel-heading {
 
  background-color: #577632;
 
  background-repeat: repeat-x;
 
  background-image: linear-gradient(to bottom, #577632, #577632);
 
  border-radius: 4px 4px 0 0;
 
}
 
#content div.panel div.panel-heading ul.links li {
 
  list-style: none;
 
  float: left;
 
  margin: 0;
 
  padding: 0;
 
}
 
div.panel.panel-default {
 
  border: 1px solid #ccc;
 
  box-shadow: none;
 
  border-radius: 6px 6px 0px 0px;
 
  margin-bottom: 15px;
 
}
 
div.panel.panel-default:last-child {
 
  margin-bottom: 0;
 
}
 
div.panel.panel-default > div.panel-heading {
 
  background: #eee;
 
  border-bottom: 1px solid #ccc;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
#content div.panel div.panel-heading .pull-left {
 
  margin-right: 10px;
 
}
 
#content div.panel div.panel-heading .pull-right {
 
  margin-left: 10px;
 
}
 
#content div.panel div.form div.form-group {
 
  border-bottom: 1px solid #DDD;
 
  clear: both;
 
}
 
#content div.panel table#permissions_manage {
 
  width: auto;
 
}
 
#content div.panel table td.compact {
 
  padding-left: 0;
 
  padding-right: 0;
 
}
 
#content div.panel table tr.selected td {
 
  background: #FFC;
 
}
 
#content div.panel table td.selected {
 
  width: 3%;
 
  text-align: center;
 
  vertical-align: middle;
 
  padding: 0;
 
}
 
#content div.panel table td.action {
 
  width: 45%;
 
  text-align: left;
 
}
 
#content div.panel table td.date {
 
  width: 33%;
 
  text-align: center;
 
}
 
#content div.panel div.action {
 
  float: right;
 
  background: #FFF;
 
  text-align: right;
 
  margin: 10px 0 0;
 
  padding: 0;
 
}
 
#content div.panel div.action select {
 
@@ -544,198 +550,192 @@ ul#summary-menu-stats {
 
  padding: 5px 0px 5px 0px;
 
  width: 95px;
 
}
 
.trending_language_tbl,
 
.trending_language_tbl td {
 
  border: 0 !important;
 
  margin: 0 !important;
 
  padding: 0 !important;
 
}
 
.trending_language_tbl,
 
.trending_language_tbl tr {
 
  border-spacing: 1px;
 
}
 
h3.files_location {
 
  font-size: 1.8em;
 
  font-weight: 700;
 
  border-bottom: none !important;
 
  margin: 10px 0 !important;
 
}
 
.file_history {
 
  padding-top: 10px;
 
  font-size: 16px;
 
}
 
.file_author {
 
  float: left;
 
}
 
.file_author .item {
 
  float: left;
 
  padding: 5px;
 
  color: #888;
 
}
 
.changeset_id {
 
  color: #666666;
 
  margin-right: -3px;
 
}
 
.changeset-logical-index {
 
  color: #666666;
 
  font-style: italic;
 
  font-size: 85%;
 
  padding-right: 0.5em;
 
  text-align: right;
 
}
 
#changeset_compare_view_content .compare_view_commits {
 
  width: auto !important;
 
}
 
#changeset_compare_view_content .compare_view_commits td {
 
  padding: 0px 0px 0px 12px !important;
 
}
 
td.author {
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  white-space: nowrap;
 
  max-width: 210px;
 
}
 
#graph_nodes {
 
  position: absolute;
 
  width: 100px;
 
}
 
#graph_content,
 
#graph_content_pr,
 
#graph .info_box,
 
#graph .container_header {
 
  margin-left: 100px;
 
}
 
#graph_content {
 
  position: relative;
 
}
 
table#updaterevs-table tr.mergerow,
 
table#updaterevs-table tr.out-of-range,
 
table#changesets tr.mergerow,
 
table#changesets tr.out-of-range {
 
  opacity: 0.6;
 
}
 
table#changesets tr > td {
 
  height: 31px;
 
  border-color: #cdcdcd;
 
  text-align: left;
 
}
 
table#changesets tr > td.checkbox-column {
 
  width: 14px;
 
  font-size: 0.85em;
 
}
 
table#changesets tr > td.status {
 
  width: 14px;
 
  font-size: 0.85em;
 
}
 
table#changesets tr > td.hash {
 
  width: 100px;
 
  font-size: 0.85em;
 
}
 
table#changesets tr > td.date {
 
  width: auto !important;
 
  color: #666;
 
  font-size: 10px;
 
  white-space: nowrap;
 
}
 
#graph_content_pr .compare_view_commits .expand_commit,
 
table#changesets tr > td.expand_commit {
 
  width: 24px;
 
  cursor: pointer;
 
  color: #999;
 
}
 
table#changesets tr > td.mid {
 
  width: 100%;
 
  padding: 0;
 
}
 
table#changesets .log-container {
 
  position: relative;
 
  margin-top: 8px;
 
}
 
table#changesets tr #singlerange,
 
table#changesets tr .changeset_range {
 
  float: left;
 
  margin: 2px 0;
 
}
 
table#changesets tr > td.author img {
 
  vertical-align: middle;
 
}
 
table#changesets tr > td.author .user {
 
  color: #444444;
 
}
 
table#changesets tr > td.mid .message,
 
#graph_content_pr .compare_view_commits .message {
 
  white-space: nowrap;
 
  padding: 0;
 
  overflow: hidden;
 
}
 
#graph_content_pr .compare_view_commits .message {
 
  padding: 0 !important;
 
}
 
table#changesets tr > td.mid .message.expanded,
 
#graph_content_pr .compare_view_commits .message.expanded {
 
  height: auto;
 
  overflow: initial;
 
}
 
table#changesets tr .extra-container {
 
  display: block;
 
  position: absolute;
 
  top: -15px;
 
  right: 0;
 
  padding-left: 5px;
 
  background: #FFFFFF;
 
  height: 41px;
 
}
 
#pull_request_overview .comments-container,
 
#changeset_compare_view_content .comments-container,
 
table#changesets .comments-container,
 
#shortlog_data .comments-container,
 
table#changesets .logtags {
 
  display: block;
 
  float: left;
 
  overflow: hidden;
 
  padding: 0;
 
  margin: 0;
 
  white-space: nowrap;
 
}
 
table#changesets .comments-container {
 
  margin: 0.8em 0;
 
  margin-right: 0.5em;
 
}
 
table#changesets .tagcontainer {
 
  width: 80px;
 
  position: relative;
 
  float: right;
 
  height: 100%;
 
  top: 7px;
 
  margin-left: 0.5em;
 
}
 
table#changesets .logtags {
 
  min-width: 80px;
 
  height: 1.1em;
 
  position: absolute;
 
  left: 0px;
 
  width: auto;
 
  top: 0px;
 
}
 
table#changesets .logtags.tags {
 
  top: 14px;
 
}
 
table#changesets .logtags:hover {
 
  overflow: visible;
 
  position: absolute;
 
  width: auto;
 
  right: 0;
 
  left: initial;
 
}
 
table#changesets .logtags .booktag,
 
table#changesets .logtags .tagtag {
 
  float: left;
 
  line-height: 1em;
 
  margin-bottom: 1px;
 
  margin-right: 1px;
 
  padding: 1px 3px;
 
  font-size: 10px;
 
}
 
table#changesets tr > td.mid .message a:hover {
 
  text-decoration: none;
 
}
0 comments (0 inline, 0 general)