mirror of
https://github.com/sissbruecker/linkding
synced 2024-11-10 14:14:18 +00:00
43115fd8f2
* Add basic bookmark notes * Add bookmark list JS to shared bookmarks page * Allow testing through ngrok * Improve CSS * Set notes through API * Improve notes editing * Improve notes icon * Remove transitions for now * Update keyboard shortcut * Add bookmark list tests * Add setting for showing notes permanently * Add test for toggling notes * Update API docs * Allow searching for notes content * Skip test
119 lines
2 KiB
SCSS
119 lines
2 KiB
SCSS
body {
|
|
margin: 20px 10px;
|
|
|
|
@media (min-width: $size-sm) {
|
|
// High horizontal padding accounts for checkboxes that show up in bulk edit mode
|
|
margin: 20px 24px;
|
|
}
|
|
}
|
|
|
|
header {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
header .toasts {
|
|
margin-bottom: 20px;
|
|
|
|
.toast {
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
|
|
.toast a.btn-clear:visited {
|
|
color: currentColor;
|
|
}
|
|
}
|
|
|
|
.navbar {
|
|
|
|
.navbar-brand {
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.logo {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
h1 {
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
margin: 0 0 0 8px;
|
|
}
|
|
}
|
|
|
|
.dropdown-toggle {
|
|
}
|
|
}
|
|
|
|
/* Overrides */
|
|
|
|
// Reduce heading sizes
|
|
h1 {
|
|
font-size: inherit;
|
|
}
|
|
|
|
h2 {
|
|
font-size: .85rem;
|
|
color: $gray-color-dark;
|
|
}
|
|
|
|
// Fix up visited styles
|
|
a:visited {
|
|
color: $link-color;
|
|
}
|
|
a:visited:hover {
|
|
color: $link-color-dark;
|
|
}
|
|
.btn-link:visited:not(.btn-primary) {
|
|
color: $link-color;
|
|
}
|
|
.btn-link:visited:not(.btn-primary):hover {
|
|
color: $link-color-dark;
|
|
}
|
|
|
|
code {
|
|
color: $gray-color-dark;
|
|
background-color: $code-bg-color;
|
|
box-shadow: 1px 1px 0 $code-shadow-color;
|
|
}
|
|
|
|
// Increase spacing between columns
|
|
.container > .columns > .column:not(:first-child) {
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
// Remove left padding from first pagination link
|
|
.pagination .page-item:first-child a {
|
|
padding-left: 0;
|
|
}
|
|
|
|
// Override border color for tab block
|
|
.tab-block {
|
|
border-bottom: solid 1px $border-color;
|
|
}
|
|
|
|
// Form auto-complete menu
|
|
.form-autocomplete .menu {
|
|
.menu-item.selected > a, .menu-item > a:hover {
|
|
background: $secondary-color;
|
|
color: $primary-color;
|
|
}
|
|
|
|
.group-item, .group-item:hover {
|
|
color: $gray-color;
|
|
text-transform: uppercase;
|
|
background: none;
|
|
font-size: 0.6rem;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
// Increase input font size on small viewports to prevent zooming on focus the input
|
|
// on mobile devices. 430px relates to the "normalized" iPhone 14 Pro Max
|
|
// viewport size
|
|
@media screen and (max-width: 430px) {
|
|
.form-input {
|
|
font-size: 16px;
|
|
}
|
|
}
|