mwalbeck/nextcloud-breeze-dark
1
0
Fork 0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2025-07-06 03:01:59 +00:00
Code Issues Releases Wiki Activity

Bookmarks: cleanup code and fix styling

Browse source
This commit is contained in:
Magnus Walbeck 2018-12-12 18:09:13 +08:00
parent d29031ef1d
commit 37e9fad01f
4 changed files with 96 additions and 40 deletions

89
core/css/apps/thirdparty/_bookmarks.scss vendored
View file

@ -1,52 +1,75 @@
#bm_import:hover ~ button#bm_import_submit {
background-color: $background-normal;
color: $foreground-normal;
}
/* Bookmarks ---------------------------------------------------------------- */
.bookmark_single {
border-bottom-color: $decoration-normal;
&:hover {
background-color: $background-active-hover;
.app-bookmarks #app-navigation {
.add-bookmark .form input {
border: none;
border-bottom: 1px solid $decoration-active;
}
}
.bookmark_single_form {
border-bottom-color: $decoration-normal;
.app-bookmarks #app-content {
.tagit {
.bulk-actions {
box-shadow: none;
}
}
ul.tagit {
border-color: $decoration-normal;
input[type="text"] {
color: $foreground-inactive;
background: $background-normal;
border-bottom: 1px solid $decoration-normal;
}
li.tagit-choice {
color: $foreground-normal;
.bookmark-card {
background-color: $background-normal;
box-shadow: none;
opacity: 0.93;
border-color: $decoration-normal;
&:hover, &.remove {
.tag-nav-item {
background-color: $background-normal;
border-color: $decoration-active;
}
.close .text-icon {
color: $foreground-inactive;
.panel {
background-color: $background-dark-opacity;
border-top: 1px solid $decoration-normal;
}
a.tagLabel:hover, a.close .text-icon:hover {
color: $foreground-active;
h2 {
text-shadow: none;
a {
color: $foreground-normal;
}
}
.select-mode-checkbox + label {
box-shadow: none;
background: $background-normal;
}
}
.bookmark-detail {
background: $background-normal;
color: $foreground-normal;
box-shadow: none;
border-left: 1px solid $decoration-normal;
> .close {
background-color: unset;
}
h2 {
opacity: 0.7;
}
h3 {
border-bottom-color: $decoration-normal;
}
.status {
opacity: 0.7;
.message-saving,
.message-saved {
background-color: $background-positive;
}
}
}
}
#tag_filter ul.tagit li.tagit-choice {
background-color: $background-normal;
border: 1px solid $decoration-normal;
}

1
core/css/core/_colours.scss
View file

@ -10,6 +10,7 @@ $background-active-alternate: rgba(29, 153, 243, 1);
$background-active-hover: rgba(61, 174, 233, 0.25);
$background-alternate: rgba(77, 77, 77, 1);
$background-dark: rgba(35, 38, 41, 1);
$background-dark-opacity: rgba(35, 38, 41, 0.9);
$background-normal: rgba(49, 54, 59, 1);
$background-negative: rgba(218, 68, 83, 1);
$background-neutral: rgba(246, 116, 0, 1);

10
core/css/core/_icons.scss
View file

@ -847,15 +847,11 @@ a.impersonate img.svg {
.app-settings {
// In admin and personal settings
#app-navigation img[src$="/img/app-dark.svg"] {
filter: invert(95%);
}
// In admin settings
#app-navigation img[src$="/img/app-dark.svg"],
#app-navigation img[src$="/settings/img/password.svg"],
#app-navigation img[src$="/apps/fulltextsearch/img/fulltextsearch_black.svg"],
#app-navigation img[src$="/apps/external/img/external-dark.svg"] {
#app-navigation img[src$="/apps/external/img/external-dark.svg"],
#app-navigation img[src$="/apps/bookmarks/img/bookmarks-black.svg"] {
filter: invert(95%);
}

36
core/css/core/_server.scss
View file

@ -522,6 +522,42 @@ ul.multiselectoptions {
border: 1px solid $decoration-normal;
}
// The following has been added for bookmarks tags
.select2-container--default .select2-selection--multiple {
background-color: $background-dark;
border-color: $decoration-normal;
}
.select2-dropdown {
background-color: $background-dark;
border-color: $decoration-normal;
&:hover {
border-color: $decoration-active;
}
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: $background-active-hover;
color: $foreground-normal;
}
.bookmark-detail .select2-container--default .select2-selection--multiple .select2-selection__choice,
.bulk-actions .select2-container--default .select2-selection--multiple .select2-selection__choice,
.bookmark-detail .tag-nav-item {
background-color: $background-normal;
&:hover {
background-color: $background-active-hover;
}
}
.select2-container--default .select2-selection--multiple:hover,
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: $decoration-active;
}
/* Auto suggestion users in comments dropdown ------------------------------- */
.atwho-view {