nwbort_obsidian-harvest/styles.css

74 lines
No EOL
1.5 KiB
CSS

/* styles.css */
.harvest-report h3 {
margin-bottom: 0.5em;
}
.harvest-barchart-container {
display: flex;
width: 100%;
height: 20px;
border-radius: 3px;
overflow: hidden;
margin-bottom: 1em;
}
.harvest-barchart-bar {
height: 100%;
width: var(--bar-width);
background-color: var(--bar-color);
}
.harvest-barchart-legend {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.harvest-legend-item {
display: flex;
align-items: center;
}
.harvest-legend-swatch {
width: 12px;
height: 12px;
margin-right: 8px;
border-radius: 2px;
}
.harvest-table {
width: 100%;
border-collapse: collapse;
}
.harvest-table th, .harvest-table td {
padding: 8px;
border: 1px solid var(--background-modifier-border);
text-align: left;
}
.harvest-table th {
font-weight: bold;
}
.harvest-hours {
text-align: right;
}
.harvest-freeze-container {
position: absolute;
bottom: 4px;
right: 4px;
opacity: 0;
transition: opacity 0.15s ease-in-out;
}
.harvest-report {
position: relative;
}
.harvest-report:hover .harvest-freeze-container {
opacity: 1;
}
.harvest-freeze-button {
font-size: 1em;
padding: 4px 8px;
cursor: pointer;
background-color: var(--interactive-normal);
border: 1px solid var(--background-modifier-border);
border-radius: 4px;
color: var(--text-muted);
line-height: 1;
}
.harvest-freeze-button:hover {
background-color: var(--interactive-hover);
color: var(--text-normal);
}