Files
2nd/10_Wiki/Topics/.obsidian/plugins/janitor/styles.css
T

175 lines
2.8 KiB
CSS

/*
This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.
If your plugin does not need CSS, delete this file.
*/
.janitor-modal-footer {
/* float: right; */
padding: 10pt;
display: flex;
}
.janitor-modal-footer button {
margin-left: 4px;
}
.janitor-modal-footer .janitor-footer-buttons {
flex: 1;
justify-content: flex-end;
display: flex;
}
.janitor-scan-section-title {
font-size: larger;
margin-bottom: 5pt;
font-weight: 600;
}
.janitor-modal-title {
text-align: center;
font-size: 150%;
margin-bottom: 10px;
}
.janitor-file {
margin-left: 1em;
position: relative;
}
.janitor-file:hover {
background-color: var(--background-primary);
}
.janitor-file .openFileIcon {
right: 0px;
position: absolute;
visibility: hidden;
}
.janitor-file label {
width: 100%;
display: flex;
align-items: center;
}
.janitor-file-name {
flex: 1;
min-width: 0;
overflow: hidden;
margin-right: 3.5em;
}
.janitor-icon {
display: flex;
align-items: center;
line-height: 1;
}
.janitor-icon svg {
width: 14px;
height: 14px;
}
.janitor-file-name-text {
display: inline-block;
white-space: nowrap;
}
.janitor-file:hover .janitor-file-name-text {
animation: janitor-marquee 4s ease-in-out infinite alternate;
}
@keyframes janitor-marquee {
0%, 15% { transform: translateX(0); }
85%, 100% { transform: translateX(var(--marquee-offset, 0px)); }
}
.janitor-md-preview-link {
display: contents;
}
.previewFileIcon {
right: 1.5em;
position: absolute;
visibility: hidden;
}
.janitor-file:hover .previewFileIcon {
visibility: visible;
}
.janitor-preview-overlay {
position: fixed;
z-index: 9999;
padding: 6px;
background: var(--background-primary);
border: 1px solid var(--background-modifier-border);
border-radius: 6px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
pointer-events: none;
}
.janitor-preview-overlay img {
display: block;
max-width: 200px;
max-height: 200px;
object-fit: contain;
border-radius: 3px;
}
.janitor-file:hover .openFileIcon {
visibility: visible;
}
.janitor-file:focus {
outline: auto;
}
.janitor-main-modal {
width: min(700px, 90vw);
}
/* Ensure hover preview popover appears above the modal overlay */
.popover.hover-popover {
z-index: calc(var(--layer-modal, 200) + 10);
}
.janitor-scan-results {
overflow-y: auto;
max-height: 450px;
}
.janitor-files-wrapper {
/* overflow-y: auto; */
/* max-height: 180px; */
/* border: 1px solid; */
padding: 5px;
}
.janitor-date-picker {
padding: 5px;;
}
.janitor-date-picker label span {
margin-right: 1em;;
}
.janitor-date-picker-buttons {
float: right;
}
.janitor-date-shortcuts {
white-space: nowrap;
margin-top: 1em;
text-align: center;
}
.janitor-date-shortcuts .janitor-date-picker-buttons {
display: inline-block;
}