diff --git a/scss/backend.scss b/scss/backend.scss index 578f866..a8a68e2 100644 --- a/scss/backend.scss +++ b/scss/backend.scss @@ -12,6 +12,7 @@ $singleuser: false; // disables functions, that are not necessary if you are the $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 +$nologin: false; $font-family: 'Lucida Console', monospace; $border-radius: 5px; diff --git a/scss/frontend.scss b/scss/frontend.scss index 3fd22a5..eca4220 100644 --- a/scss/frontend.scss +++ b/scss/frontend.scss @@ -12,6 +12,7 @@ $singleuser: true; // disables functions, that are not necessary if you are the $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 +$nologin: true; $font-family: 'Lucida Console', monospace; $border-radius: 5px; diff --git a/scss/import/repository.scss b/scss/import/repository.scss index adebfca..3092ad0 100644 --- a/scss/import/repository.scss +++ b/scss/import/repository.scss @@ -589,6 +589,9 @@ .timeline { &::before { background: rgb(60, 60, 90); + @if $nologin == true { + margin-bottom: 40px; + } } .timeline-item { .content { @@ -633,6 +636,169 @@ } } } + &.comment.form { + .content { + form.form { + &::after { + border-right-color: rgb(50, 50, 75); + } + &::before { + border-right-color: transparent; + } + .tabular.menu { + border-color: rgb(60, 60, 90); + .item { + border: 0; + color: rgb(255, 255, 255); + &.active { + background: rgb(70, 70, 105); + color: rgb(255, 255, 255); + } + } + } + .field { // Editor + .tab.active { + textarea.edit_area { + background: rgb(40, 40, 60); + color: rgb(255, 255, 255); + } + .editor-toolbar { + border: 0; + a { + &::after, + &::before { + color: rgb(255, 255, 255); + } + &:hover { + background: rgb(70, 70, 105); + border-color: transparent; + } + } + i.separator { + border-color: rgb(70, 70, 105); + } + } + .CodeMirror { + background: rgb(40, 40, 60); + border: 0; + color: rgb(255, 255, 255); + } + .editor-statusbar { + color: rgb(215, 215, 225); + } + } + } + .field { // "Drop files or click here to upload" + .dropzone { + background: rgb(40, 40, 60); + border-color: rgb(255, 130, 130); + .dz-default, + .dz-message { + .dz-button { + color: rgb(255, 255, 255); + } + } + .dz-preview { + background: rgb(50, 50, 75); + border-radius: 4px; + .dz-image { + img { + transition: filter .2s; + } + } + .dz-details { + color: rgb(255, 255, 255); + .dz-size { + span { + background: rgb(70, 70, 105); + padding: 4px 8px; + border-radius: 8px; + } + } + .dz-filename { + border-radius: 4px; + padding: 4px 8px; + span { + background: rgb(70, 70, 105); + border: 0; + border-radius: 8px; + padding: 4px 8px; + &:hover { + background: rgb(60, 60, 90); + } + } + } + } + .dz-progress { + .dz-upload { + background: rgb(40, 40, 60); + } + } + .dz-success-mark { + svg { + g { + path { + fill: rgb(100, 200, 130); + } + } + } + } + .dz-error-mark { + svg { + g { + g { + path { + fill: rgb(100, 200, 130); + } + } + } + } + } + .dz-remove { + background: rgb(60, 60, 90); + padding: 8px 0 4px 0; + transition: background .2s; + &:hover { + background: rgb(255, 130, 130); + color: rgb(255, 255, 255); + text-decoration: none; + } + } + } + } + } + } + } + } + } + .warning.message { + @if $nologin == true { + display: none; + } + } + } + } + & { + .metas { + background: rgb(50, 50, 75); + .disabled { + &.select-label, + &.select-milestone, + &.select-assignees-modify { + opacity: 1; + } + } + .watching { + @if $nologin == true { + display: none; + } + } + #deadline-loader { + .negative.message { + @if $nojavascript == true { + display: none; + } + } } } }