added repository issues; added $nojavascript icons; modified user .secondary.menu; …
This commit is contained in:
Vrifox
parent
e00bd70989
commit
2bf6fcdd2a
7 changed files with 639 additions and 60 deletions
|
|
@ -2,6 +2,7 @@ footer {
|
|||
background: rgb(30, 30, 45);
|
||||
border-top: 1px solid rgb(40, 40, 60);
|
||||
color: rgb(215, 215, 225);
|
||||
text-transform: lowercase;
|
||||
.ui.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -20,13 +21,24 @@ footer {
|
|||
padding: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
@if $singleuser == true {
|
||||
a[href~="/api/swagger"],
|
||||
.version {
|
||||
display:none;
|
||||
a {
|
||||
&[href*="/api/swagger"] {
|
||||
@if $vrifoxcustomization == true and $type == frontend {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&[href*="gitea.io"]:not(.customlink) {
|
||||
@if $vrifoxcustomization == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@if $nojavascript == true {
|
||||
.version {
|
||||
@if $vrifoxcustomization == true and $type == frontend {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@if $disablelanguagebutton == true {
|
||||
.language {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,19 +50,20 @@
|
|||
&.container {
|
||||
.menu.navbar {
|
||||
.item {
|
||||
border-bottom: 2px solid transparent;
|
||||
border-radius: $border-radius $border-radius 0 0;
|
||||
color: rgb(215, 215, 225);
|
||||
transition: color .2s;
|
||||
transition: background .2s, color .2s;
|
||||
font-family: $font-family;
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
background: rgb(60, 60, 90);
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 2px solid;
|
||||
color: rgb(245, 245, 255);
|
||||
span.label {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
svg {
|
||||
@if $nojavascript == true {
|
||||
|
|
@ -70,7 +71,8 @@
|
|||
}
|
||||
}
|
||||
span.label {
|
||||
background: rgb(60, 60, 90);
|
||||
background: rgb(245, 245, 255);
|
||||
color: rgb(60, 60, 90);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -279,9 +281,26 @@
|
|||
&.octicon-file-directory,
|
||||
&.octicon-file-submodule {
|
||||
fill: rgb(255, 130, 130);
|
||||
@if $nojavascript == true {
|
||||
background: rgb(255, 130, 130);
|
||||
border-radius: 0 1px 2px 2px;
|
||||
box-shadow: -4px -7px 0px -4px rgb(255, 130, 130);
|
||||
height: 10px;
|
||||
margin-left: 5px !important;
|
||||
margin-top: 4px;
|
||||
width: 14px;
|
||||
}
|
||||
}
|
||||
&.octicon-file {
|
||||
fill: rgb(215, 215, 225);
|
||||
@if $nojavascript == true {
|
||||
border: 1px solid rgb(215, 215, 225);
|
||||
border-radius: 0 5px 0 0;
|
||||
height: 13px;
|
||||
margin-left: 7px !important;
|
||||
margin-right: 6px !important;
|
||||
width: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jumpable-path {
|
||||
|
|
@ -319,6 +338,207 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* repository: issues */
|
||||
|
||||
.repository {
|
||||
.container {
|
||||
.grid {
|
||||
.column {
|
||||
.left.small.menu {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
.item {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:first-child {
|
||||
border-radius: $border-radius 0 0 $border-radius;
|
||||
}
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 $border-radius $border-radius 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
form.form {
|
||||
.input {
|
||||
input {
|
||||
background: rgb(40, 40, 60);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:focus {
|
||||
background: rgb(50, 50, 75);
|
||||
border: 2px solid rgb(60, 60, 90);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.button {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 0;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.green.button {
|
||||
background: rgb(100, 200, 130);
|
||||
box-shadow: none;
|
||||
color: rgb(255, 255, 255);
|
||||
&:hover {
|
||||
background: rgb(80, 180, 110);
|
||||
}
|
||||
&[href*="issues/new"] {
|
||||
@if $type == frontend {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.ui.divider {
|
||||
border: 0;
|
||||
border-top: 1px solid rgb(60, 60, 90);
|
||||
}
|
||||
.grid {
|
||||
.column {
|
||||
.basic.button {
|
||||
&:not(.active) {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
&.red {
|
||||
background: rgb(255, 130, 130);
|
||||
box-shadow: none;
|
||||
color: rgb(255, 255, 255);
|
||||
&:hover {
|
||||
background: rgb(235, 110, 110);
|
||||
}
|
||||
}
|
||||
.svg {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.filter.menu {
|
||||
.item {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(245, 245, 255);
|
||||
&:first-of-type {
|
||||
margin-left: auto;
|
||||
}
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
.menu {
|
||||
@if $nojavascript == true {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.label-filter {
|
||||
.menu {
|
||||
.info {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.item {
|
||||
&.label-filter-item {
|
||||
@if $nojavascript == true {
|
||||
padding-left: 25px !important;
|
||||
}
|
||||
}
|
||||
.label.color {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.menu {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 1px solid rgb(50, 50, 75);
|
||||
box-shadow: none;
|
||||
margin-top: 0;
|
||||
.item {
|
||||
color: rgb(245, 245, 255) !important;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.issue.list {
|
||||
.item {
|
||||
border-bottom: 1px dashed rgb(70, 70, 105);
|
||||
.label {
|
||||
background: rgb(245, 245, 255);
|
||||
color: rgb(60, 60, 90);
|
||||
}
|
||||
.title {
|
||||
border-bottom: 1px solid transparent;
|
||||
color: rgb(245, 245, 255);
|
||||
transition: border .2s, color .2s;
|
||||
&:hover {
|
||||
border-bottom: 1px solid rgb(255, 130, 130);
|
||||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
.desc {
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* repository: issues view issue */
|
||||
|
||||
.repository.view.issue {
|
||||
.container {
|
||||
div {
|
||||
.grid {
|
||||
.column {
|
||||
&.title {
|
||||
.grid {
|
||||
h1 {
|
||||
.index {
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
#issue-title {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
#edit-title-input {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.label.green {
|
||||
background: rgb(100, 200, 130);
|
||||
.svg {
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* repository: releases */
|
||||
|
||||
.repository.release {
|
||||
|
|
@ -511,6 +731,29 @@
|
|||
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);
|
||||
|
|
@ -521,15 +764,28 @@
|
|||
&: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 {
|
||||
|
|
@ -568,17 +824,17 @@
|
|||
border-color: rgb(255, 100, 100) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
.removed-code {
|
||||
background: rgb(255, 100, 100);
|
||||
background: rgb(255, 110, 110);
|
||||
}
|
||||
}
|
||||
}
|
||||
.add-code {
|
||||
td {
|
||||
background: rgb(130, 220, 150) !important;
|
||||
background: rgb(100, 200, 130) !important;
|
||||
border-color: rgb(100, 220, 120) !important;
|
||||
color: rgb(255, 255, 255);
|
||||
.added-code {
|
||||
background: rgb(80, 200, 120);
|
||||
background: rgb(80, 180, 110);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -28,16 +28,30 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.secondary.menu {
|
||||
.secondary.pointing.menu {
|
||||
background: rgb(70, 70, 105);
|
||||
border: 0;
|
||||
border-radius: 0 0 5px 5px;
|
||||
border-top: 15px solid #464669;
|
||||
margin-top: -15px;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
padding: 0 20px 2px 20px;
|
||||
position: sticky;
|
||||
top: -5px;
|
||||
z-index: 100;
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
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;
|
||||
&:hover {
|
||||
background: rgb(60, 60, 90);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
border-bottom: 2px solid rgb(245, 245, 255);
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
|
|
@ -49,7 +63,8 @@
|
|||
}
|
||||
}
|
||||
.label {
|
||||
background: rgb(60, 60, 90);
|
||||
background: rgb(245, 245, 255);
|
||||
color: rgb(70, 70, 105);
|
||||
}
|
||||
@if $singleuser == true {
|
||||
&[href*="stars"],
|
||||
|
|
|
|||
|
|
@ -6,10 +6,15 @@
|
|||
// Settings
|
||||
//
|
||||
|
||||
$type: backend;
|
||||
|
||||
$singleuser: false; // disables functions, that are not necessary if you are the only user (or at least as »frontend«)
|
||||
$nojavascript: false; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy)
|
||||
$vrifoxcustomization: true; // my personal customizations
|
||||
$disablelanguagebutton: false; // if cookies are disabled, the language will have to be chosen on every page again
|
||||
|
||||
$font-family: monospace, 'Lucida Console', 'Monaco';
|
||||
$border-radius: 5px;
|
||||
|
||||
//
|
||||
//
|
||||
|
|
|
|||
|
|
@ -6,10 +6,15 @@
|
|||
// Settings
|
||||
//
|
||||
|
||||
$type: frontend;
|
||||
|
||||
$singleuser: true; // disables functions, that are not necessary if you are the only user (or at least as »frontend«)
|
||||
$nojavascript: true; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy)
|
||||
$vrifoxcustomization: true; // my personal customizations
|
||||
$disablelanguagebutton: true; // if cookies are disabled, the language will have to be chosen on every page again
|
||||
|
||||
$font-family: monospace, 'Lucida Console', 'Monaco';
|
||||
$border-radius: 5px;
|
||||
|
||||
//
|
||||
//
|
||||
|
|
|
|||
Reference in a new issue