@designbasekorea/wordpress-ui 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/browser.cjs +1 -1
- package/dist/browser.esm.js +1 -1
- package/dist/browser.iife.js +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.esm.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.esm.js +1 -1
- package/dist/styles/controls.css +1 -1
- package/dist/styles/shell.css +1 -1
- package/dist/styles.css +1 -1
- package/docs/WORDPRESS-ADMIN-GUIDE.md +5 -5
- package/package.json +2 -2
- package/wordpress-ui.php +6 -0
package/dist/styles/shell.css
CHANGED
|
@@ -3895,4 +3895,4 @@ url("../icons.woff?55f36cfa3a2c98482dcd7d975a8ff430") format("woff");
|
|
|
3895
3895
|
content: "\e396";
|
|
3896
3896
|
}
|
|
3897
3897
|
|
|
3898
|
-
.designbase-wp-admin{
|
|
3898
|
+
.designbase-wp-admin{--dbwp-chrome-offset: 0px;height:calc(100dvh - var(--dbwp-chrome-offset));max-height:calc(100dvh - var(--dbwp-chrome-offset));overflow:hidden;display:flex;flex-direction:column;background:var(--db-background-secondary);color:var(--db-text-primary)}.designbase-wp-admin.wrap{margin:0;padding:0}.designbase-wp-admin db-admin-shell:not(:defined),.designbase-wp-admin db-sidebar:not(:defined),.designbase-wp-admin db-page-header:not(:defined),.designbase-wp-admin db-container:not(:defined),.designbase-wp-admin db-section:not(:defined),.designbase-wp-admin db-table:not(:defined),.designbase-wp-admin db-alert:not(:defined),.designbase-wp-admin db-search-bar:not(:defined),.designbase-wp-admin db-select:not(:defined),.designbase-wp-admin db-button:not(:defined){visibility:hidden}.designbase-wp-admin__shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.designbase-wp-admin__shell--has-sidebar{display:flex;flex-direction:row;align-items:stretch;min-height:0;height:100%}.designbase-wp-admin__shell-sidebar{display:flex;flex-direction:column;flex:0 0 auto;align-self:stretch;position:sticky;top:0;z-index:2;min-width:0;height:100%;overflow:hidden}.designbase-wp-admin__shell-sidebar>db-sidebar{flex:1 1 auto;min-height:0;height:100%}.designbase-wp-admin__shell-sidebar .designbase-wc-sidebar__logo{min-width:0;flex:1 1 auto;line-height:normal}.designbase-wp-admin__shell-sidebar .designbase-wc-sidebar__logo-text{display:block;font-size:20px;font-weight:700;line-height:1.25;color:var(--db-text-primary, #1d2327);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designbase-wp-admin__shell-brand{display:flex;align-items:center;min-height:64px;padding:0 var(--db-padding-l, 24px);border-bottom:1px solid var(--db-border-base);background:var(--db-surface-base);color:var(--db-text-primary);box-sizing:border-box}.designbase-wp-admin__shell-brand db-logo{display:block;min-width:0;max-width:100%}.designbase-wp-admin__shell-main>db-container[data-dbwp-content-container]{flex:1 1 auto;min-width:0}.designbase-wp-admin__shell-backdrop{display:none;position:fixed;inset:0;z-index:99998;margin:0;padding:0;border:0;background:rgba(15,23,42,.45);cursor:pointer}.designbase-wp-admin__shell-main{flex:1 1 auto;min-width:0;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.designbase-wp-admin .designbase-wc-page-header--minimal{position:sticky;top:0;z-index:20;margin-bottom:0;flex-shrink:0;background-color:var(--db-surface-base, #fff)}.designbase-wp-admin__shell-main>.designbase-wc-page-header--minimal+*{margin-top:var(--db-padding-l, 24px)}.designbase-wp-admin__page{width:100%;max-width:1280px;margin:0 auto;padding:24px 32px 40px;box-sizing:border-box}.designbase-wp-admin__page-content{display:flex;flex-direction:column;gap:20px}.designbase-wp-admin__page-content.is-width-m{max-width:720px}.designbase-wp-admin__page-content.is-width-l{max-width:960px}.designbase-wp-admin__page-content.is-width-xl{max-width:1280px}.designbase-wp-admin__page-header-leading,.designbase-wp-admin__page-header-meta,.designbase-wp-admin__page-header-actions{display:flex;align-items:center;gap:8px}.designbase-wp-admin .designbase-wc-page-header__leading:has(.designbase-wp-admin__page-header-leading){display:none}.designbase-wp-admin__page-header-leading{display:none;flex-shrink:0}.designbase-wp-admin__filter-bar{margin:0;padding:12px 20px;border:0;background:rgba(0,0,0,0)}.designbase-wp-admin__filter-bar-toolbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;width:100%;overflow-x:auto}.designbase-wp-admin__filter-bar-toolbar::before{content:"";flex:1 1 auto;min-width:0}.designbase-wp-admin__filter-bar-toolbar db-search-bar{width:280px;flex:0 0 280px}.designbase-wp-admin__filter-bar-toolbar db-select{width:160px;flex:0 0 160px}@media(max-width: 782px){.designbase-wp-admin__page-header-leading{display:flex}.designbase-wp-admin .designbase-wc-page-header__leading:has(.designbase-wp-admin__page-header-leading){display:flex}.designbase-wp-admin__shell--has-sidebar{display:block;position:relative;isolation:isolate}.designbase-wp-admin__shell-sidebar{position:absolute;z-index:60;top:0;bottom:0;left:0;width:min(86vw,300px);height:100%;overflow:hidden;background:var(--db-surface-base, #fff);transform:translateX(-105%);pointer-events:none;transition:transform 160ms ease;box-shadow:var(--db-shadow-lg)}.designbase-wp-admin .designbase-wp-admin__shell-sidebar .designbase-wc-sidebar__toggle{display:none}.designbase-wp-admin .designbase-wp-admin__shell-sidebar>db-sidebar.designbase-wc-sidebar{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:auto;width:100%;height:100%;max-width:none;transform:none;visibility:visible}.designbase-wp-admin__shell-backdrop{position:absolute;inset:0;z-index:50}.designbase-wp-admin__shell--has-sidebar.designbase-wp-admin__shell--sidebar-open .designbase-wp-admin__shell-sidebar{transform:translateX(0);pointer-events:auto}.designbase-wp-admin__shell--has-sidebar.designbase-wp-admin__shell--sidebar-open .designbase-wp-admin__shell-backdrop{display:block}.designbase-wp-admin .designbase-wc-page-header--minimal .designbase-wc-page-header__aside{justify-content:flex-end}.designbase-wp-admin__page{padding:16px}.designbase-wp-admin:dir(rtl) .designbase-wp-admin__shell-sidebar{left:auto;right:0;transform:translateX(105%)}.designbase-wp-admin:dir(rtl) .designbase-wp-admin__shell--sidebar-open .designbase-wp-admin:dir(rtl) .designbase-wp-admin__shell-sidebar{transform:translateX(0)}}
|