added styles to repository: diff stats
This commit is contained in:
Vrifox
parent
2bf6fcdd2a
commit
79d2b3bffe
3 changed files with 195 additions and 142 deletions
|
|
@ -722,119 +722,142 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.diff-detail-box {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(245, 245, 255);
|
||||
padding: 10px;
|
||||
.button {
|
||||
background: rgb(70, 70, 105);
|
||||
div {
|
||||
.diff-detail-box {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90);
|
||||
.menu {
|
||||
@if $nojavascript == true {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.dropdown {
|
||||
@if $nojavascript == true {
|
||||
padding-right: 37px;
|
||||
&::after {
|
||||
content: '⏷';
|
||||
position: absolute;
|
||||
right: 17px;
|
||||
top: 10px;
|
||||
font-size: 11px;
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown.icon {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.menu {
|
||||
background: rgb(70, 70, 105);
|
||||
border: 1px solid rgb(60, 60, 90);
|
||||
box-shadow: none;
|
||||
.item {
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
&[data-target*="#diff-files"] {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.diff-stats {
|
||||
@if $nojavascript == true {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.diff-file-box {
|
||||
.diff-file-header {
|
||||
.diff-counter {
|
||||
.bar {
|
||||
background: rgb(255, 130, 130);
|
||||
.pull-left.add {
|
||||
background: rgb(100, 200, 130);
|
||||
}
|
||||
}
|
||||
}
|
||||
.file {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
padding: 10px;
|
||||
.button {
|
||||
background: rgb(80, 80, 120);
|
||||
box-shadow: none;
|
||||
background: rgb(70, 70, 105);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90);
|
||||
.menu {
|
||||
@if $nojavascript == true {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.dropdown {
|
||||
@if $nojavascript == true {
|
||||
padding-right: 37px;
|
||||
&::after {
|
||||
content: '⏷';
|
||||
position: absolute;
|
||||
right: 17px;
|
||||
top: 10px;
|
||||
font-size: 11px;
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown.icon {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.menu {
|
||||
background: rgb(70, 70, 105);
|
||||
border: 1px solid rgb(60, 60, 90);
|
||||
box-shadow: none;
|
||||
.item {
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
&[data-target*="#diff-files"] {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.diff-stats {
|
||||
@if $nojavascript == true {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.diff-file-body {
|
||||
.file-body {
|
||||
table {
|
||||
tbody {
|
||||
.tag-code {
|
||||
td {
|
||||
background: rgb(30, 30, 45) !important;
|
||||
border-color: rgb(60, 60, 90) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.diff-stats.detail-files {
|
||||
background: rgb(30, 30, 45);
|
||||
border-radius: 0 0 5px 5px;
|
||||
margin: 0 0 10px 0;
|
||||
li {
|
||||
border-bottom: 1px dashed rgb(60, 60, 90);
|
||||
&:last-of-type {
|
||||
border-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.diff-counter {
|
||||
.add {
|
||||
color: rgb(100, 200, 130);
|
||||
}
|
||||
.del {
|
||||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.diff-file-box {
|
||||
.diff-file-header {
|
||||
.diff-counter {
|
||||
.bar {
|
||||
background: rgb(255, 130, 130);
|
||||
.pull-left.add {
|
||||
background: rgb(100, 200, 130);
|
||||
}
|
||||
.same-code {
|
||||
td {
|
||||
background: rgb(30, 30, 45) !important;
|
||||
border-color: rgb(60, 60, 90) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.del-code {
|
||||
td {
|
||||
background: rgb(255, 130, 130) !important;
|
||||
border-color: rgb(255, 100, 100) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
.removed-code {
|
||||
background: rgb(255, 110, 110);
|
||||
}
|
||||
}
|
||||
.file {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
.button {
|
||||
background: rgb(80, 80, 120);
|
||||
box-shadow: none;
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(70, 70, 105);
|
||||
}
|
||||
}
|
||||
}
|
||||
.diff-file-body {
|
||||
.file-body {
|
||||
table {
|
||||
tbody {
|
||||
.tag-code {
|
||||
td {
|
||||
background: rgb(30, 30, 45) !important;
|
||||
border-color: rgb(60, 60, 90) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
.add-code {
|
||||
td {
|
||||
background: rgb(100, 200, 130) !important;
|
||||
border-color: rgb(100, 220, 120) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
.added-code {
|
||||
background: rgb(80, 180, 110);
|
||||
.same-code {
|
||||
td {
|
||||
background: rgb(30, 30, 45) !important;
|
||||
border-color: rgb(60, 60, 90) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.del-code {
|
||||
td {
|
||||
background: rgb(255, 130, 130) !important;
|
||||
border-color: rgb(255, 100, 100) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
.removed-code {
|
||||
background: rgb(255, 110, 110);
|
||||
}
|
||||
}
|
||||
}
|
||||
.add-code {
|
||||
td {
|
||||
background: rgb(100, 200, 130) !important;
|
||||
border-color: rgb(100, 220, 120) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
.added-code {
|
||||
background: rgb(80, 180, 110);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Reference in a new issue