|
1 | | -/* Maple Theme v1.3.1 For Obsidian */ |
| 1 | +/* Maple Theme v1.3.2 For Obsidian */ |
2 | 2 | /* @settings |
3 | 3 | id: maple-basic |
4 | 4 | name: Maple Basic |
@@ -442,8 +442,13 @@ settings: |
442 | 442 | type: variable-text |
443 | 443 | title: Setting Panel Header Title |
444 | 444 | title.zh: 设置面板标题 |
445 | | - default: Maple 1.3.1 |
| 445 | + default: Maple 1.3.2 |
446 | 446 | quotes: true |
| 447 | + - id: modal-setting-header-title-center |
| 448 | + type: class-toggle |
| 449 | + title: Center the Setting Panel Header Title |
| 450 | + title.zh: 设置面板标题居中 |
| 451 | + default: true |
447 | 452 | - id: modal-setting-header-search |
448 | 453 | type: class-toggle |
449 | 454 | title: Move Some Search Bar to Modal Header |
@@ -2494,14 +2499,14 @@ html[lang=zh] { |
2494 | 2499 | padding: var(--size-4-1); |
2495 | 2500 | } |
2496 | 2501 |
|
2497 | | -body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-item:nth-child(2) > .setting-item-control:has(> input[type=color]) { |
| 2502 | +body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-item:nth-child(2) > .setting-item-control:has(> input[type=color]), body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-group > .setting-items > .setting-item.mod-toggle > .setting-item-control:has(> input[type=color]) { |
2498 | 2503 | position: relative; |
2499 | 2504 | } |
2500 | | -body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-item:nth-child(2) > .setting-item-control:has(> input[type=color]) :is(div, input) { |
| 2505 | +body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-item:nth-child(2) > .setting-item-control:has(> input[type=color]) :is(div, input), body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-group > .setting-items > .setting-item.mod-toggle > .setting-item-control:has(> input[type=color]) :is(div, input) { |
2501 | 2506 | visibility: hidden; |
2502 | 2507 | pointer-events: none; |
2503 | 2508 | } |
2504 | | -body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-item:nth-child(2) > .setting-item-control:has(> input[type=color])::before { |
| 2509 | +body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-item:nth-child(2) > .setting-item-control:has(> input[type=color])::before, body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-content-container > .vertical-tab-content > .setting-group > .setting-items > .setting-item.mod-toggle > .setting-item-control:has(> input[type=color])::before { |
2505 | 2510 | content: var(--system-accent-override-text-cotent, "Controlled by Style Settings Plugin"); |
2506 | 2511 | font-family: var(--font-interface); |
2507 | 2512 | font-size: var(--font-ui-smaller); |
@@ -2547,6 +2552,10 @@ body.css-settings-manager:not(.color-use-default) .mod-settings .vertical-tab-co |
2547 | 2552 |
|
2548 | 2553 | /* #endregion */ |
2549 | 2554 | /* #region Controls */ |
| 2555 | +.style-settings-container { |
| 2556 | + --setting-items-background: transparent; |
| 2557 | +} |
| 2558 | + |
2550 | 2559 | .pcr-app { |
2551 | 2560 | border-radius: var(--radius-m); |
2552 | 2561 | } |
@@ -7041,10 +7050,10 @@ body.calendar-swap-year-month #calendar-container .nav .title .month { |
7041 | 7050 |
|
7042 | 7051 | /* #endregion shiki */ |
7043 | 7052 | /* #region settings-search */ |
7044 | | -body:not(.is-mobile).modal-header.modal-header-search .settings-search-container { |
| 7053 | +body:not(.is-mobile).modal-setting-header.modal-setting-header-search .settings-search-container { |
7045 | 7054 | padding: 0; |
7046 | 7055 | } |
7047 | | -body:not(.is-mobile).modal-header.modal-header-search .settings-search-container .settings-search-input { |
| 7056 | +body:not(.is-mobile).modal-setting-header.modal-setting-header-search .settings-search-container .settings-search-input { |
7048 | 7057 | position: absolute; |
7049 | 7058 | top: var(--size-2-3); |
7050 | 7059 | width: calc(clamp(180px, var(--modal-width) / 4, 250px) - var(--size-4-5)); |
@@ -7323,17 +7332,21 @@ body.modal-setting-header:not(.is-mobile) .modal-container .mod-settings { |
7323 | 7332 | container-type: inline-size; |
7324 | 7333 | } |
7325 | 7334 | body.modal-setting-header:not(.is-mobile) .modal-container .mod-settings::before { |
7326 | | - content: var(--setting-modal-header-title, "Maple 1.3.1"); |
| 7335 | + content: var(--setting-modal-header-title, "Maple 1.3.2"); |
7327 | 7336 | position: absolute; |
7328 | | - left: 50%; |
| 7337 | + left: var(--size-4-4); |
7329 | 7338 | top: calc(var(--modal-header-height) / 2); |
7330 | | - translate: -50% -50%; |
| 7339 | + translate: 0 -50%; |
7331 | 7340 | font-size: 18px; |
7332 | 7341 | font-weight: 550; |
7333 | 7342 | color: var(--setting-color-logo, var(--text-accent)); |
7334 | 7343 | } |
| 7344 | +body.modal-setting-header:not(.is-mobile).modal-setting-header-title-center .modal-container .mod-settings::before { |
| 7345 | + left: 50%; |
| 7346 | + translate: -50% -50%; |
| 7347 | +} |
7335 | 7348 | @container (max-width:750px) { |
7336 | | - body.modal-setting-header:not(.is-mobile) .modal-container .mod-settings::before { |
| 7349 | + body.modal-setting-header:not(.is-mobile).modal-setting-header-title-center .modal-container .mod-settings::before { |
7337 | 7350 | opacity: 0; |
7338 | 7351 | } |
7339 | 7352 | } |
@@ -7391,6 +7404,31 @@ body.modal-setting-header:not(.is-mobile).modal-setting-header-search .mod-setti |
7391 | 7404 | body.modal-setting-header:not(.is-mobile).modal-setting-header-search .mod-settings .modal-content .setting-filter-container .hotkey-filter { |
7392 | 7405 | margin-bottom: var(--size-4-3); |
7393 | 7406 | } |
| 7407 | +body.modal-setting-header:not(.is-mobile).modal-setting-header-search .mod-settings .modal-content :is(.setting-group-search .search-input-container, |
| 7408 | +.setting-item-control:has(.search-input-container.mod-hotkey)) { |
| 7409 | + position: absolute; |
| 7410 | + padding: 0; |
| 7411 | + top: calc(var(--size-4-2) + var(--size-2-1)); |
| 7412 | + right: var(--modal-header-height); |
| 7413 | + border: none; |
| 7414 | +} |
| 7415 | +body.modal-setting-header:not(.is-mobile).modal-setting-header-search .mod-settings .modal-content :is(.setting-group-search .search-input-container, |
| 7416 | +.setting-item-control:has(.search-input-container.mod-hotkey)) .setting-item-info { |
| 7417 | + visibility: hidden; |
| 7418 | +} |
| 7419 | +body.modal-setting-header:not(.is-mobile).modal-setting-header-search .mod-settings .modal-content .setting-group-search { |
| 7420 | + padding-block: calc(var(--size-4-2) + var(--size-2-1)); |
| 7421 | +} |
| 7422 | +body.modal-setting-header:not(.is-mobile).modal-setting-header-search .mod-settings .modal-content .setting-item:has(~ .hotkey-list-container) .setting-item-info { |
| 7423 | + display: flex; |
| 7424 | + flex-direction: row; |
| 7425 | + align-items: baseline; |
| 7426 | + gap: var(--size-4-2); |
| 7427 | +} |
| 7428 | +body.modal-setting-header:not(.is-mobile).modal-setting-header-search .mod-settings .modal-content .setting-item:has(~ .hotkey-list-container) .setting-item-info .setting-item-name { |
| 7429 | + font-size: var(--h4-size); |
| 7430 | + font-weight: bold; |
| 7431 | +} |
7394 | 7432 |
|
7395 | 7433 | select, |
7396 | 7434 | .dropdown, |
|
0 commit comments