modified repository-summery, nav font-size and user: secondary menu; …
This commit is contained in:
parent
79d2b3bffe
commit
e064cfd482
5 changed files with 165 additions and 44 deletions
|
@ -1,7 +1,7 @@
|
|||
.ui.main.menu {
|
||||
background: rgb(60, 60, 90);
|
||||
border-bottom: 0;
|
||||
font-size: 1em;
|
||||
font-size: 15px;
|
||||
min-height: 64px;
|
||||
font-family: $font-family;
|
||||
#navbar {
|
||||
|
@ -58,6 +58,7 @@
|
|||
.dropdown.item > .menu,
|
||||
&.text.menu .dropdown.item > .menu {
|
||||
border: 0;
|
||||
z-index: 110;
|
||||
}
|
||||
.dropdown.item:hover,
|
||||
.link.item:hover,
|
||||
|
|
|
@ -116,12 +116,29 @@
|
|||
}
|
||||
.repository-menu {
|
||||
background: rgb(60, 60, 90) !important;
|
||||
border-radius: $border-radius;
|
||||
padding: 0;
|
||||
.item {
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: 0 !important;
|
||||
border-top: 2px solid transparent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
transition: background .2s;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
&.active {
|
||||
background: initial;
|
||||
border-bottom: 2px solid rgb(255, 255, 255);
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: rgb(245, 245, 255) !important;
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255) !important;
|
||||
}
|
||||
display: block;
|
||||
padding: 8px;
|
||||
svg {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
|
@ -131,15 +148,20 @@
|
|||
}
|
||||
}
|
||||
.language-stats-details {
|
||||
background: rgb(50, 50, 75);
|
||||
@if $nojavascript == true {
|
||||
background: rgb(50, 50, 75);
|
||||
padding: 0;
|
||||
}
|
||||
.horizontal.list {
|
||||
.item {
|
||||
padding: 10px;
|
||||
@if $nojavascript == true {
|
||||
border-radius: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
&:first-of-type {
|
||||
@if $nojavascript == true {
|
||||
border-right: 1px dashed rgb(70, 70, 105);
|
||||
}
|
||||
}
|
||||
.color-icon {
|
||||
@if $nojavascript == true {
|
||||
|
@ -147,14 +169,25 @@
|
|||
}
|
||||
}
|
||||
span {
|
||||
color: rgb(245, 245, 255);
|
||||
@if $nojavascript == true {
|
||||
color: rgb(245, 245, 255);
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
width: min-content;
|
||||
}
|
||||
b {
|
||||
@if $nojavascript == true {
|
||||
font-weight: 400;
|
||||
margin-left: 10px;
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.language-stats {
|
||||
background: rgb(60, 60, 90);
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
|
@ -802,13 +835,32 @@
|
|||
}
|
||||
.diff-file-box {
|
||||
.diff-file-header {
|
||||
.fold-code {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.diff-counter {
|
||||
.add {
|
||||
@if $nojavascript == true {
|
||||
color: rgb(100, 200, 130);
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.bar {
|
||||
background: rgb(255, 130, 130);
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
.pull-left.add {
|
||||
background: rgb(100, 200, 130);
|
||||
}
|
||||
}
|
||||
.del {
|
||||
@if $nojavascript == true {
|
||||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
}
|
||||
.file {
|
||||
color: rgb(245, 245, 255);
|
||||
|
|
|
@ -31,21 +31,24 @@
|
|||
.secondary.pointing.menu {
|
||||
background: rgb(70, 70, 105);
|
||||
border: 0;
|
||||
border-radius: 0 0 5px 5px;
|
||||
border-top: 15px solid #464669;
|
||||
border-radius: 5px 5px 0 0;
|
||||
margin-top: -15px;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
padding: 0 20px 2px 20px;
|
||||
padding: 0 20px;
|
||||
position: sticky;
|
||||
top: -5px;
|
||||
scrollbar-color: rgb(215, 215, 225) rgb(70, 70, 105);
|
||||
top: 0;
|
||||
transform: rotateX(180deg);
|
||||
z-index: 100;
|
||||
.item {
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: 5px 5px 0 0;
|
||||
color: rgb(245, 245, 255);
|
||||
font-family: $font-family;
|
||||
transform: background .2s, color .2s;
|
||||
margin-bottom: 10px;
|
||||
transform: rotateX(180deg);
|
||||
transition: background .2s, color .2s;
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(255, 255, 255);
|
||||
|
|
Reference in a new issue