obsidian-test-vault/.obsidian/plugins/datacore/styles.css

505 lines
38 KiB
CSS
Raw Permalink Normal View History

2024-10-28 20:38:41 -04:00
/* src/api/ui/embed.css */
.datacore-span-embed {
position: relative;
padding: 1px 8px 1px 8px;
margin: 4px 0px 4px 0px;
background-color: var(--color-base-25);
}
.datacore-embed-source {
position: absolute;
top: 4px;
right: 4px;
padding-left: 4px;
padding-right: 4px;
background-color: var(--background-secondary-alt);
color: var(--text-faint);
font-size: var(--font-smallest);
}
/* src/ui/errors.css */
.datacore-error-retry {
margin-top: 1em;
text-align: center;
}
.datacore-error-box {
width: 100%;
min-height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 4px dashed var(--background-secondary);
}
.datacore-error-title {
text-align: center;
}
.datacore-error-message {
color: var(--text-muted);
text-align: center;
}
.datacore-loading-boundary {
width: 100%;
min-height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 4px dashed var(--background-secondary);
}
.datacore-loading-title {
text-align: center;
}
.datacore-loading-content {
color: var(--text-muted);
text-align: center;
}
.block-language-datacore li.selected,
.block-language-datacorejs li.selected {
background: var(--text-accent);
padding: 0.2em;
border-radius: 50%;
width: 2em;
height: 2em;
}
.block-language-datacore li.selected a,
.block-language-datacorejs li.selected a {
color: var(--text-on-accent-inverted);
display: block;
text-align: center;
font-weight: bold;
}
.block-language-datacore .datacore-pager,
.block-language-datacorejs .datacore-pager {
display: flex;
justify-content: space-between;
list-style: none;
min-width: 90%;
margin-right: 1.7em;
}
.block-language-datacore li.previous,
.block-language-datacore li.next,
.block-language-datacorejs li.previous,
.block-language-datacorejs li.next {
min-height: 1.4em;
min-width: 1.4em;
}
.block-language-datacore li.previous svg,
.block-language-datacore li.next svg,
.block-language-datacorejs li.previous svg,
.block-language-datacorejs li.next svg {
color: currentColor;
fill: currentColor !important;
}
/* src/api/ui/layout.css */
.dc-stack {
display: flex;
flex-direction: column;
margin: 4px;
}
.dc-group {
display: flex;
flex-direction: row;
margin: 4px;
}
/* src/api/ui/basics.css */
.dc-button {
padding: 4px;
margin-left: 4px;
margin-right: 4px;
margin-top: 2px;
margin-bottom: 2px;
}
.dc-intent-error {
background-color: var(--color-red) !important;
}
.dc-intent-warn {
background-color: var(--color-orange) !important;
}
.dc-intent-info {
background-color: var(--color-blue) !important;
}
.dc-intent-success {
background-color: var(--color-green) !important;
}
.dc-textbox {
padding: 4px;
margin-left: 4px;
margin-right: 4px;
margin-top: 2px;
margin-bottom: 2px;
}
.dc-checkbox {
display: inline-flex;
align-items: center;
cursor: pointer;
margin: 4px 0;
font-size: 16px;
}
.dc-checkbox input[type=checkbox] {
width: 16px;
height: 16px;
cursor: pointer;
}
.dc-checkbox:hover {
opacity: 0.8;
}
.dc-checkbox input[type=checkbox]:focus {
outline: none;
box-shadow: var(--shadow-s);
}
.dc-checkbox-disabled {
cursor: not-allowed;
opacity: 0.6;
}
.dc-checkbox-disabled input[type=checkbox] {
cursor: not-allowed;
}
.dc-slider {
-webkit-appearance: none;
appearance: none;
transition: background 0.3s;
}
.dc-switch.dc-switch-disabled {
cursor: not-allowed;
opacity: 0.6;
}
.dc-icon {
display: inline-flex;
align-items: center;
}
/* src/ui/fields/fields.css */
.datacore-list-item-fields {
color: var(--text-normal) !important;
}
.datacore-list-item-fields > .datacore-field + .datacore-field {
margin-left: 0.4em;
}
.datacore-field {
display: inline-flex;
align-items: center;
box-sizing: border-box;
border-radius: 0.25em;
font-size: 0.85em;
align-items: center;
}
.datacore-field .field-title {
flex-grow: 0;
font-weight: bold;
height: inherit;
display: inline-block;
background: var(--color-base-25);
border-right: 2px solid var(--text-accent);
margin-right: 0.3em;
padding: 0.2em 0.5em;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
user-select: none;
}
2024-11-02 18:14:58 -04:00
span.datacore-editable-outer,
span.datacore-editable-outer textarea {
width: 100% !important;
display: inline-block !important;
}
2024-10-28 20:38:41 -04:00
.datacore-field .field-value {
display: inline-block;
}
.datacore-field .field-value .checkbox-container {
top: 3px;
}
.datacore-field .field-value input {
height: unset !important;
}
.datacore-rating-star.filled {
color: var(--text-accent);
}
.datacore-rating-star {
user-select: none;
font-size: 1.3rem;
}
.datacore-selectable__input-container,
.datacore-selectable__input-container input {
min-width: 100% !important;
width: 100% !important;
display: inline-flex !important;
}
.datacore-editable-outer .prompt-input.datacore-selectable__input-container {
display: inline-block !important;
flex-grow: 1;
}
.datacore-selectable__input-container input {
width: inherit !important;
min-width: max-content !important;
display: inline-block;
}
.datacore-selectable__menu {
z-index: 99999 !important;
top: 0 !important;
}
.prompt-input.datacore-selectable__input-container::after {
content: none !important;
}
.value-container.datacore-selectable__value-container {
}
.suggestion-container:has(.datacore-selectable__control--menu-is-open) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.datacore-selectable__menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: none;
}
.datacore-editable-outer > .suggestion-container {
box-shadow: none;
}
.datacore-selectable__menu-list .suggestion-item:hover {
background-color: var(--text-normal);
color: var(--text-on-accent-inverted);
}
.datacore-multi-select-container {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.datacore-multi-select-value {
background-color: var(--interactive-accent);
border-radius: var(--tag-radius);
padding: var(--tag-padding-y) var(--tag-padding-x);
}
textarea.datacore-editable {
resize: vertical;
}
2024-10-30 17:12:26 -04:00
/* src/api/ui/views/lists.css */
2024-10-28 20:38:41 -04:00
.datacore-list-item-content {
display: inline-flex;
justify-content: space-between;
2024-10-30 17:12:26 -04:00
width: 100%;
}
.datacore-list-item-content > :first-child {
flex-grow: 1;
2024-10-28 20:38:41 -04:00
}
:is(ul, ol) li:not(:first-of-type) p:first-of-type {
margin-block-start: unset !important;
}
ul.datacore.contains-task-list > li {
}
input.datacore.task-list-item-checkbox {
float: left;
margin-inline-start: calc(var(--checkbox-size) * 0.1) !important;
}
li.datacore.task-list-item > *:nth-child(3) {
display: flow-root !important;
top: -5px;
padding-left: 0.5em;
position: relative;
}
.datacore-collapser,
.datacore-collapser svg.svg-icon {
transition: transform 100ms ease-in-out;
}
.datacore-collapser.is-collapsed svg.svg-icon {
transform: rotate(calc(var(--direction) * -1 * 90deg));
}
li.datacore.datacore.task-list-item .datacore-collapser {
margin-right: 0.7em;
float: left;
}
li.datacore.task-list-item .datacore-collapser {
vertical-align: middle;
align-self: start;
top: -0.1em;
position: absolute;
margin-inline-start: calc(var(--checkbox-size) * -1.4);
}
li.datacore.task-list-item .datacore-collapser.no-children {
visibility: hidden;
}
/* src/api/ui/views/paging.css */
.dc-paging-control {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
gap: 10px;
}
button.dc-paging-control-page {
width: var(--input-height);
height: var(--input-height);
padding: 0;
cursor: pointer;
background-color: unset;
box-shadow: none;
}
button.dc-paging-control-page:hover {
background-color: var(--text-selection);
}
button.dc-paging-control-page-active {
background-color: var(--text-selection);
}
button.dc-paging-control-page[disabled] {
cursor: inherit;
opacity: 0.5;
}
button.dc-paging-control-page[disabled]:hover {
background-color: unset;
box-shadow: none;
}
.dc-paging-control-separator:hover > .dc-paging-control-ellipsis {
display: none;
}
.dc-paging-control-separator > .dc-paging-control-leap-left,
.dc-paging-control-separator > .dc-paging-control-leap-right {
display: none;
}
.dc-paging-control-separator:hover > .dc-paging-control-leap-left,
.dc-paging-control-separator:hover > .dc-paging-control-leap-right {
display: flex;
}
.dc-paging-control-separator > .dc-paging-control-leap-left {
transform: rotate(180deg);
}
/* src/api/ui/views/table.css */
.datacore-table {
width: 100%;
}
.datacore-table > thead > tr,
.datacore-table > tbody > tr {
margin-top: 1em;
margin-bottom: 1em;
text-align: left;
}
.datacore-table > tbody > tr:hover {
background-color: var(--text-selection) !important;
}
.datacore-table > thead > tr > th {
font-weight: 700;
font-size: larger;
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid;
max-width: 100%;
}
.datacore-table > tbody > tr > td {
text-align: left;
border: none;
font-weight: 400;
max-width: 100%;
vertical-align: middle;
}
.datacore-table ul:not(.contains-task-list),
.datacore-table ol {
margin-block-start: 0.2em !important;
margin-block-end: 0.2em !important;
}
.datacore-table-header-cell-content {
width: auto;
display: inline-flex;
flex-direction: row;
}
.datacore-table-sort {
flex-grow: 0;
margin-right: 0.25em;
align-items: center;
}
.datacore-table-header-title {
align-items: center;
flex-grow: 1;
}
.datacore-table td .datacore-collapser {
max-width: 1.25em;
max-height: min-content;
vertical-align: middle;
display: flex;
}
.datacore-table td:has(.datacore-card-collapser) {
max-width: 1.25em;
}
.datacore-table td .datacore-editable-outer,
.datacore-table td .datacore-editable {
width: 100%;
display: inline-block;
}
/* src/api/ui/views/callout.css */
.datacore .callout-content,
.datacore.callout {
transition: all 100ms cubic-bezier(0.02, 0.01, 0.47, 1);
margin-top: 10px;
margin-bottom: 10px;
}
.datacore .callout-fold {
align-self: center;
}
/* src/api/ui/views/cards.css */
.datacore-card {
display: flex;
flex-direction: column;
padding: 1.2rem;
border-radius: 0.5em;
background-color: var(--background-secondary);
min-width: 89%;
border: 2px solid var(--table-border-color);
overflow-y: scroll;
}
.datacore-card-title {
margin-bottom: 0.6em;
display: flex;
justify-content: space-between;
font-size: 1.8em;
}
.datacore-card-title.centered {
justify-content: center !important;
}
.datacore-card-content,
.datacore-card-inner,
.datacore-card {
transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.datacore-card-inner {
overflow-y: scroll;
overflow-x: hidden;
max-height: 500px;
}
.datacore-card .datacore-card-collapser,
.datacore-card.is-collapsed .datacore-card-collapser {
transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.datacore-card-content {
flex-grow: 1;
}
.datacore-card-inner {
display: flex;
}
.datacore-card:not(.datacore-card.is-collapsed) .datacore-card-collapser {
transform: rotate(180deg);
}
.datacore-card.is-collapsed .datacore-card-collapser {
transform: rotate(0deg) !important;
}
.datacore-card-collapse,
.datacore-card-collapser svg {
min-width: 1em;
min-height: 1em;
fill: currentColor;
vertical-align: middle;
}
.datacore-card.is-collapsed .datacore-card-collapser {
transform: rotate(0deg);
}
.datacore-card .datacore-card-footer {
font-size: 0.7em;
text-align: right;
padding: 0;
}
2024-11-02 18:14:58 -04:00
/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vc3JjL2FwaS91aS9lbWJlZC5jc3MiLCAiLi4vLi4vc3JjL3VpL2Vycm9ycy5jc3MiLCAiLi4vLi4vc3JjL2FwaS91aS9sYXlvdXQuY3NzIiwgIi4uLy4uL3NyYy9hcGkvdWkvYmFzaWNzLmNzcyIsICIuLi8uLi9zcmMvdWkvZmllbGRzL2ZpZWxkcy5jc3MiLCAiLi4vLi4vc3JjL2FwaS91aS92aWV3cy9saXN0cy5jc3MiLCAiLi4vLi4vc3JjL2FwaS91aS92aWV3cy9wYWdpbmcuY3NzIiwgIi4uLy4uL3NyYy9hcGkvdWkvdmlld3MvdGFibGUuY3NzIiwgIi4uLy4uL3NyYy9hcGkvdWkvdmlld3MvY2FsbG91dC5jc3MiLCAiLi4vLi4vc3JjL2FwaS91aS92aWV3cy9jYXJkcy5jc3MiXSwKICAic291cmNlc0NvbnRlbnQiOiBbIi5kYXRhY29yZS1zcGFuLWVtYmVkIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBwYWRkaW5nOiAxcHggOHB4IDFweCA4cHg7XG4gICAgbWFyZ2luOiA0cHggMHB4IDRweCAwcHg7XG5cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1iYXNlLTI1KTtcbn1cblxuLmRhdGFjb3JlLWVtYmVkLXNvdXJjZSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNHB4O1xuICAgIHJpZ2h0OiA0cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA0cHg7XG4gICAgcGFkZGluZy1yaWdodDogNHB4O1xuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZC1zZWNvbmRhcnktYWx0KTtcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1mYWludCk7XG5cbiAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc21hbGxlc3QpO1xufVxuIiwgIi5kYXRhY29yZS1lcnJvci1yZXRyeSB7XG4gICAgbWFyZ2luLXRvcDogMWVtO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLyoqIEVycm9yIEJveGVzLiAqL1xuXG4uZGF0YWNvcmUtZXJyb3ItYm94IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXI6IDRweCBkYXNoZWQgdmFyKC0tYmFja2dyb3VuZC1zZWNvbmRhcnkpO1xufVxuXG4uZGF0YWNvcmUtZXJyb3ItdGl0bGUge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLmRhdGFjb3JlLWVycm9yLW1lc3NhZ2Uge1xuICAgIGNvbG9yOiB2YXIoLS10ZXh0LW11dGVkKTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi8qKiBMb2FkaW5nIHZpZXdzIHdoaWxlIHRoZSBpbmRleCBpcyBpbml0aWFsaXppbmcuICovXG5cbi5kYXRhY29yZS1sb2FkaW5nLWJvdW5kYXJ5IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtaW4taGVpZ2h0OiAxNTBweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXI6IDRweCBkYXNoZWQgdmFyKC0tYmFja2dyb3VuZC1zZWNvbmRhcnkpO1xufVxuXG4uZGF0YWNvcmUtbG9hZGluZy10aXRsZSB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4uZGF0YWNvcmUtbG9hZGluZy1jb250ZW50IHtcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1tdXRlZCk7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4vKiogU29tZSBuaWNldGllcyBmb3IgcmVuZGVyaW5nIGxhbmd1YWdlIGJsb2Nrcy4gKi9cblxuLmJsb2NrLWxhbmd1YWdlLWRhdGFjb3JlIGxpLnNlbGVjdGVkLFxuLmJsb2NrLWxhbmd1YWdlLWRhdGFjb3JlanMgbGkuc2VsZWN0ZWQge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLXRleHQtYWNjZW50KTtcbiAgICBwYWRkaW5nOiAwLjJlbTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgd2lkdGg6IDJlbTtcbiAgICBoZWlnaHQ6IDJlbTtcbn1cblxuLmJsb2NrLWxhbmd1YWdlLWRhdGFjb3JlIGxpLnNlbGVjdGVkIGEsXG4uYmxvY2stbGFuZ3VhZ2UtZGF0YWNvcmVqcyBsaS5zZWxlY3RlZCBhIHtcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1vbi1hY2NlbnQtaW52ZXJ0ZWQpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmJsb2NrLWxhbmd1YWdlLWRhdGFjb3JlIC5kYXRhY29yZS1wYWdlcixcbi5ibG9jay1sYW5ndWFnZS1kYXRhY29yZWpzIC5kYXRhY29yZS1wYWdlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtaW4td2lkdGg6IDkwJTtcbiAgICBtYXJnaW4tcmlnaHQ6IDEuN2VtO1xufVxuXG4uYmxvY2stbGFuZ3VhZ2UtZGF0YWNvcmUgbGkucHJldmlvdXMsXG4uYmxvY2stbGFuZ3VhZ2UtZGF0YWNvcmUgbGkubmV4dCxcbi5ibG9jay1sYW5ndWFnZS1kYXRhY29yZWpzIGxpLnByZXZpb3VzLFxuLmJsb2NrLWxhbmd1YWdlLWRhdGFjb3JlanMgbGkubmV4dCB7XG4gICAgbWluLWhlaWdodDogMS40ZW07XG4gICAgbWluLXdpZHRoOiAxLjRlbTtcbn1cblxuLmJsb2NrLWxhbmd1YWdlLWRhdGFjb3JlIGxpLnByZXZpb3VzIHN2Zyxcbi5ibG9jay1sYW5ndWFnZS1kYXRhY29yZSBsaS5uZXh0IHN2Zyxcbi5ibG9jay1sYW5ndWFnZS1kYXRhY29yZWpzIGxpLnByZXZpb3VzIHN2Zyxcbi5ibG9jay1sYW5ndWFnZS1kYXRhY29yZWpzIGxpLm5leHQgc3ZnIHtcbiAgICBjb2xvcjogY3VycmVudENvbG9yO1xuICAgIGZpbGw6IGN1cnJlbnRDb2xvciAhaW1wb3J0YW50O1xufVxuIiwgIi8qKiBTdGFja3MgYXJlIGp1c3QgdmVydGljYWwgZmxleCBib3hlcy4gKi9cbi5kYy1zdGFjayB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgbWFyZ2luOiA0cHg7XG59XG5cbi8qKiBHcm91cHMgYXJlIGhvcml6b25hbCBmbGV4IGJveGVzLiAqL1xuL