Ported over css changes to git-webui.less

Author: isc-svelury

git-webui/release/share/git-webui/webui/css/git-webui.css

@@ -31,28 +31,66 @@ body {
   margin: 0;
   font: 10pt sans-serif;
 }
-
-#confirm-branch-delete p{
-  font-size:105%;
+#confirm-branch-delete p {
+  font-size: 105%;
 }
-
-#confirm-delete, #cancel-delete, #confirm-force-delete {
+#confirm-delete,
+#cancel-delete,
+#confirm-force-delete {
   margin-left: 1rem;
   margin-top: 0.5rem;
 }
-
-.modal-title pre{
-  display:inline;
-}
-#error-modal .modal-body {
-  margin-bottom: 0;
+.modal-title pre {
+  display: inline;
 }
 .modal-header .close {
   padding: 1.25rem 1.5rem;
   margin: -1rem -1rem -1rem auto;
 }
-.alert-dismissible .close {
-  padding: .3rem 1.25rem;
+#newBranchName {
+  background-color: inherit;
+  max-width: 12em;
+  color: inherit;
+  overflow: hidden;
+  margin: 0 3% 0 12%;
+}
+.form-control-xs {
+  height: calc(1em + 0.375rem + 2px) !important;
+  padding: 0.125rem 0.25rem !important;
+  font-size: 0.75rem !important;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+.btn-refresh {
+  color: #B39D5C;
+  background-color: #fff3cd;
+  border: solid 1px;
+  border-color: #B39D5C;
+  margin-left: 0.5%;
+}
+.btn-xxs {
+  height: calc(1.2em + 0.175rem + 2px) !important;
+  padding: 0.2rem 0.1rem !important;
+  font-size: 0.7rem !important;
+  line-height: 1;
+  border-radius: 0.2rem;
+}
+.btn-xs {
+  height: calc(1.5em + 0.375rem + 2px) !important;
+  padding: 0.125rem 0.25rem !important;
+  font-size: 0.75rem !important;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+.btn-sidebar-icon {
+  padding: 0% 0% 2% 5%;
+}
+.btn-ok {
+  float: right;
+  margin-top: -3%;
+}
+#error-modal .modal-body {
+  margin-bottom: 0;
 }
 #help-modal img {
   display: block;
@@ -62,6 +100,9 @@ body {
 #message-box .alert {
   margin: 0;
 }
+#message-box .alert-dismissible .close {
+  padding: 0.3rem 1.25rem;
+}
 #global-container {
   display: flex;
   display: -webkit-flex;
@@ -77,9 +118,9 @@ body {
   min-width: 0;
   flex-direction: column;
   -webkit-flex-direction: column;
+  background-color: #333333;
   padding: 0 0.5% 0 0.5%;
   width: 18em;
-  background-color: #333333;
 }
 #sidebar #sidebar-logo {
   display: block;
@@ -115,33 +156,6 @@ body {
   cursor: pointer;
   padding: 10px 0;
 }
-#sidebar-switch-branches > h4 a {
-  color: inherit;
-}
-
-.custom-card, .card {
-  background-color:inherit !important;
-  color: inherit !important;
-  padding-bottom:1%;
-  margin: 0%;
-  border: none;
-}
-
-.card-header {
-  padding: 1% 2% 0% 14%;
-  background-color: inherit !important;
-  color: inherit !important;
-  border:none;
-}
-
-.btn-branch {
-  background-color: inherit !important;
-  color: inherit !important;
-  padding: 0%;
-  margin: 0%;
-  border: none;
-}
-
 #sidebar #sidebar-content #sidebar-workspace h4:before {
   content: url(../img/computer.svg);
 }
@@ -174,55 +188,30 @@ body {
 #sidebar #sidebar-content .active {
   background-color: #0d6efd;
 }
-#newBranchName {
-  background-color: inherit;
-  max-width: 12em;
+#sidebar #sidebar-switch-branches > h4 a {
   color: inherit;
-  overflow: hidden;
-  margin: 0 3% 0 12%
-}
-
-.form-control-xs {
-  height: calc(1em + .375rem + 2px) !important;
-  padding: .125rem .25rem !important;
-  font-size: .75rem !important;
-  line-height: 1.5;
-  border-radius: .2rem;
-}
-
-.btn-refresh {
-  color: #B39D5C;
-  background-color: #fff3cd;
-  border: solid 1px;
-  border-color: #B39D5C;
-  margin-left: 0.5%;
 }
-
-.btn-xxs {
-  height: calc(1.2em + .175rem + 2px) !important;
-  padding: .2rem .1rem !important;
-  font-size: .7rem !important;
-  line-height: 1;
-  border-radius: .2rem;
-}
-
-.btn-xs {
-  height: calc(1.5em + .375rem + 2px) !important;
-  padding: .125rem .25rem !important;
-  font-size: .75rem !important;
-  line-height: 1.5;
-  border-radius: .2rem;
+#sidebar .custom-card,
+#sidebar .card {
+  background-color: inherit !important;
+  color: inherit !important;
+  padding-bottom: 1%;
+  margin: 0%;
+  border: none;
 }
-
-.btn-sidebar-icon {
-  padding: 0% 0% 2% 5%;
+#sidebar .card-header {
+  padding: 1% 2% 0% 14%;
+  background-color: inherit !important;
+  color: inherit !important;
+  border: none;
 }
-
-.btn-ok {
-  float: right;
-  margin-top:-3%
+#sidebar .btn-branch {
+  background-color: inherit !important;
+  color: inherit !important;
+  padding: 0%;
+  margin: 0%;
+  border: none;
 }
-
 #main-view {
   display: flex;
   display: -webkit-flex;
@@ -277,11 +266,11 @@ body {
   border-top-width: 0;
 }
 #log-view .log-entry:hover {
-  background-color: rgba(244, 244, 244, 0.9);
+  background-color: rgba(219 / 0.9, 219 / 0.9, 219 / 0.9, 0.9);
 }
 #log-view .log-entry.active {
-  background-color: rgba(2, 82, 202, 0.9);
-  color:#ffffff;
+  background-color: rgba(13, 110, 253, 0.9) !important;
+  color: #ffffff;
 }
 #log-view .log-entry.active header h6 a {
   color: #ffffff;
@@ -388,8 +377,6 @@ body {
   border-left: 0;
   border-right: 0;
   white-space: nowrap;
-}
-.list-group-item{
   border-radius: 0;
 }
 .diff-view-container {
@@ -404,13 +391,10 @@ body {
   border: 0;
   margin: 0;
 }
-.panel-heading {
-  border-bottom: 1px solid #dddddd !important;
-}
 .diff-view-container .panel-heading {
   margin: 0;
   padding: 5px 16px;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd !important;
   display: flex;
   display: -webkit-flex;
   min-height: 0;
@@ -667,8 +651,8 @@ body {
   padding: 5px 10px;
   border-left: 0;
   border-right: 0;
-  border-radius: 0;
   white-space: nowrap;
+  border-radius: 0;
 }
 #workspace-view #workspace-editor #working-copy-view .file-list-container .list-group .list-group-item.available,
 #commit-explorer-view #workspace-editor #working-copy-view .file-list-container .list-group .list-group-item.available,