mirror of
https://github.com/Ellpeck/ObsidianSimpleTimeTracker.git
synced 2024-11-28 12:08:34 +01:00
98 lines
1.7 KiB
CSS
98 lines
1.7 KiB
CSS
.simple-time-tracker-container {
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
.simple-time-tracker-settings-image {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.simple-time-tracker-btn,
|
|
.simple-time-tracker-txt {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.simple-time-tracker-txt {
|
|
text-align: center;
|
|
}
|
|
|
|
.simple-time-tracker-btn {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.simple-time-tracker-btn svg {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
.simple-time-tracker-bottom button {
|
|
margin: 10px 5px 10px 5px;
|
|
}
|
|
|
|
.simple-time-tracker-timers,
|
|
.simple-time-tracker-bottom {
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.simple-time-tracker-timers span {
|
|
display: block;
|
|
}
|
|
|
|
.simple-time-tracker-timer {
|
|
margin: 20px;
|
|
}
|
|
|
|
.simple-time-tracker-timer-time {
|
|
font-size: xx-large;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.simple-time-tracker-table {
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.simple-time-tracker-table td,
|
|
.simple-time-tracker-table th {
|
|
vertical-align: middle;
|
|
border: none;
|
|
}
|
|
|
|
.simple-time-tracker-table .clickable-icon {
|
|
display: inline;
|
|
}
|
|
|
|
.simple-time-tracker-input {
|
|
max-width: 150px;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.simple-time-tracker-table-buttons {
|
|
text-align: right !important;
|
|
}
|
|
|
|
.simple-time-tracker-table tr:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
.simple-time-tracker-table :is(td,th):first-child {
|
|
/* HACKY hardcoded 2em to make room for expand/collapse button */
|
|
padding-left: 2em;
|
|
}
|
|
|
|
.simple-time-tracker-table-expandwrapper {
|
|
position: relative;
|
|
}
|
|
|
|
.simple-time-tracker-expand-button {
|
|
position: absolute;
|
|
/* HACKY there should be a better way to position this */
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translate(-100%, -50%);
|
|
}
|