added settings and two templates; language-stats and repo download no-js variant; other changes I may have forgotten …
This commit is contained in:
Vrifox
parent
6bb95104b6
commit
897f799539
12 changed files with 2170 additions and 58 deletions
|
|
@ -1,7 +1,7 @@
|
|||
footer {
|
||||
background: rgb(30, 30, 45);
|
||||
border-top: 1px solid rgb(40, 40, 60);
|
||||
color: rgb(200, 200, 230);
|
||||
color: rgb(215, 215, 225);
|
||||
.ui.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -10,17 +10,26 @@ footer {
|
|||
.links {
|
||||
margin-left: auto;
|
||||
a {
|
||||
color: rgb(200, 200, 230);
|
||||
color: rgb(215, 215, 225);
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
> * {
|
||||
border-left-color: rgb(200, 200, 230);
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
a[href~="/api/swagger"],
|
||||
.version {
|
||||
display:none;
|
||||
@if $singleuser == true {
|
||||
a[href~="/api/swagger"],
|
||||
.version {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
@if $nojavascript == true {
|
||||
.language {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,3 +19,9 @@ a {
|
|||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
|
||||
body > .full.height::first-line, // makes »This website works better with JavaScript.« invisible, but there is still a gap if javascript is disabled (client-side).
|
||||
.full.height > span {
|
||||
font-size: 0;
|
||||
line-height: 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,14 @@
|
|||
.ui.main.menu {
|
||||
background: rgb(60, 60, 90);
|
||||
border-bottom: 0;
|
||||
font-size: 1em;
|
||||
min-height: 64px;
|
||||
@include font-family();
|
||||
#navbar {
|
||||
width: 1127px ;
|
||||
padding: 0;
|
||||
.item {
|
||||
color: rgb(215, 215, 225);
|
||||
color: rgb(245, 245, 255);
|
||||
&.brand {
|
||||
margin: 0 .5rem 0 0;
|
||||
.mini.image {
|
||||
|
|
@ -15,6 +17,15 @@
|
|||
opacity: .9;
|
||||
}
|
||||
}
|
||||
.button.mobile-only {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@if $singleuser == true {
|
||||
&[href*="explore"],
|
||||
&[href*="docs.gitea"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
&:not(.brand) {
|
||||
border-radius: 0;
|
||||
|
|
@ -24,14 +35,22 @@
|
|||
transition: background .2s, color .2s;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
&.active {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
.seperator {
|
||||
cursor: default;
|
||||
display: block;
|
||||
padding: 22px;
|
||||
}
|
||||
@if $singleuser == true {
|
||||
.right.stackable.menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown.item > .menu {
|
||||
margin-top: 0;
|
||||
|
|
@ -47,3 +66,22 @@
|
|||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.ui.main.menu {
|
||||
flex-direction: row;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
white-space: nowrap;
|
||||
#navbar {
|
||||
.item {
|
||||
width: auto !important;
|
||||
}
|
||||
.right.custom.menu {
|
||||
display: inherit !important;
|
||||
flex-direction: row !important;
|
||||
margin-left: auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,8 +22,10 @@
|
|||
}
|
||||
}
|
||||
.container {
|
||||
.filter.menu {
|
||||
display: none;
|
||||
@if $nojavascript == true {
|
||||
.filter.menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
form.form {
|
||||
.input {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,9 @@
|
|||
}
|
||||
}
|
||||
.repo-buttons {
|
||||
@include display-none-single-user();
|
||||
@if $singleuser == true {
|
||||
display: none;
|
||||
}
|
||||
.button {
|
||||
background: rgb(60, 60, 90);
|
||||
box-shadow: none;
|
||||
|
|
@ -101,8 +103,10 @@
|
|||
.repository-summary {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
height: initial; // no-javascript fix
|
||||
overflow: auto; // no-javascript fix
|
||||
@if $nojavascript == true {
|
||||
height: initial;
|
||||
overflow: auto;
|
||||
}
|
||||
.repository-menu {
|
||||
background: rgb(50, 50, 75);
|
||||
.item {
|
||||
|
|
@ -115,23 +119,33 @@
|
|||
}
|
||||
}
|
||||
.language-stats-details {
|
||||
background: rgb(60, 60, 90); // no-javascript fix
|
||||
padding: 0; // no-javascript fix
|
||||
@if $nojavascript == true {
|
||||
background: rgb(60, 60, 90);
|
||||
padding: 0;
|
||||
}
|
||||
.horizontal.list {
|
||||
.item {
|
||||
border-radius: 0; // no-javascript fix
|
||||
padding: 10px;
|
||||
@if $nojavascript == true {
|
||||
border-radius: 0;
|
||||
}
|
||||
.color-icon {
|
||||
display: none; // no-javascript fix
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
span {
|
||||
color: rgb(245, 245, 255); // no-javascript fix
|
||||
@if $nojavascript == true {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.language-stats {
|
||||
display: none; // no-javascript fix
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.secondary.menu {
|
||||
|
|
@ -177,6 +191,9 @@
|
|||
}
|
||||
#clipboard-btn {
|
||||
background: rgb(60, 60, 90);
|
||||
@if $nojavascript == true {
|
||||
display: none;
|
||||
}
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
|
|
@ -188,21 +205,24 @@
|
|||
background: rgb(60, 60, 90);
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
.download.icon {
|
||||
color: rgb(245, 245, 255);
|
||||
.menu {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 1px solid rgb(50, 50, 75);
|
||||
box-shadow: none;
|
||||
@if $nojavascript == true {
|
||||
display: block !important;
|
||||
}
|
||||
.item {
|
||||
color: rgb(245, 245, 255);
|
||||
color: rgb(245, 245, 255) !important;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.download.icon {
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -43,18 +43,27 @@
|
|||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
@if $nojavascript == true {
|
||||
svg {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.label {
|
||||
background: rgb(60, 60, 90);
|
||||
}
|
||||
&[href*="stars"],
|
||||
&[href*="following"],
|
||||
&[href*="followers"] {
|
||||
@include display-none-single-user();
|
||||
@if $singleuser == true {
|
||||
&[href*="stars"],
|
||||
&[href*="following"],
|
||||
&[href*="followers"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.filter.menu {
|
||||
@include display-none-javascript();
|
||||
@if $nojavascript == true {
|
||||
.filter.menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
form.form {
|
||||
.input {
|
||||
|
|
@ -93,7 +102,9 @@
|
|||
}
|
||||
}
|
||||
.metas {
|
||||
@include display-none-single-user();
|
||||
@if $singleuser == true {
|
||||
display: none;
|
||||
}
|
||||
span {
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
|
|
|
|||
28
source/theme-gitea-vrifox-backend.scss
Normal file
28
source/theme-gitea-vrifox-backend.scss
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
/* ------------------------------------------------ */
|
||||
/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */
|
||||
/* ------------------------------------------------ */
|
||||
|
||||
@mixin font-family() {
|
||||
font-family: monospace, 'Lucida Console', 'Monaco' !important;
|
||||
}
|
||||
|
||||
//
|
||||
// Settings
|
||||
//
|
||||
|
||||
$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)
|
||||
|
||||
@import 'partials/main';
|
||||
|
||||
@import 'partials/nav';
|
||||
|
||||
|
||||
@import 'partials/repository.scss';
|
||||
|
||||
@import 'partials/explore.scss';
|
||||
|
||||
@import 'partials/user.scss';
|
||||
|
||||
|
||||
@import 'partials/footer';
|
||||
|
|
@ -5,12 +5,13 @@
|
|||
@mixin font-family() {
|
||||
font-family: monospace, 'Lucida Console', 'Monaco' !important;
|
||||
}
|
||||
@mixin display-none-single-user() { //items that are useless on a single-user instance
|
||||
display: none;
|
||||
}
|
||||
@mixin display-none-javascript() { //items that are useless if javascript is (partially) disabled (server)
|
||||
display: none;
|
||||
}
|
||||
|
||||
//
|
||||
// Settings
|
||||
//
|
||||
|
||||
$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)
|
||||
|
||||
@import 'partials/main';
|
||||
|
||||
Reference in a new issue