chore: exclude local resource artifacts from main sync
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
.resource-management-page {
|
||||
position: relative;
|
||||
display: grid;
|
||||
flex: 1 1 0;
|
||||
align-self: stretch;
|
||||
grid-template-columns: minmax(220px, 0.82fr) minmax(280px, 1fr) minmax(300px, 1.08fr);
|
||||
gap: 16px;
|
||||
width: 100%;
|
||||
@@ -9,6 +11,22 @@
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
-webkit-touch-callout: none;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.resource-management-page input,
|
||||
.resource-management-page textarea,
|
||||
.resource-management-page [contenteditable='true'],
|
||||
.resource-management-page .ant-input,
|
||||
.resource-management-page .ant-input textarea,
|
||||
.resource-management-page .ant-input-affix-wrapper,
|
||||
.resource-management-page .ant-tabs-tab-btn,
|
||||
.resource-management-page .markdown-preview a,
|
||||
.resource-management-page .markdown-preview code,
|
||||
.resource-management-page .markdown-preview pre code {
|
||||
user-select: text;
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
|
||||
.resource-management-page__mobile-nav,
|
||||
@@ -102,13 +120,33 @@
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
padding-block: 14px 18px;
|
||||
padding-right: 4px;
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
|
||||
.resource-management-page__tree-region,
|
||||
.resource-management-page__list-shell {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.resource-management-page__tree-region {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.resource-management-page__keyboard-region--active,
|
||||
.resource-management-page__tree-region:focus-visible,
|
||||
.resource-management-page__list-shell:focus-visible {
|
||||
box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.36);
|
||||
}
|
||||
|
||||
.resource-management-page__tree .ant-tree-node-content-wrapper {
|
||||
width: 100%;
|
||||
border-radius: 12px;
|
||||
font-size: 13px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
@@ -145,6 +183,7 @@
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar {
|
||||
@@ -169,8 +208,23 @@
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-status {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-search-group {
|
||||
display: flex;
|
||||
flex: 1 1 228px;
|
||||
min-width: 0;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-actions {
|
||||
flex: 0 1 auto;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-path {
|
||||
@@ -178,11 +232,49 @@
|
||||
flex: 1 1 240px;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-search {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-search-button.ant-btn,
|
||||
.resource-management-page__toolbar-actions .ant-btn {
|
||||
flex: 0 0 auto;
|
||||
width: 40px;
|
||||
min-width: 40px;
|
||||
padding-inline: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-path .ant-typography {
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__filter-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 28px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid #dbe4f4;
|
||||
border-radius: 999px;
|
||||
background: #f8fbff;
|
||||
color: #64748b;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.resource-management-page__filter-badge--active {
|
||||
border-color: rgba(37, 99, 235, 0.22);
|
||||
background: rgba(219, 234, 254, 0.9);
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.resource-management-page__filter-summary {
|
||||
color: #64748b;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.resource-management-page__guide {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -219,15 +311,60 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-button,
|
||||
.resource-management-page__list-header-action {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-button {
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-button:hover,
|
||||
.resource-management-page__list-header-button:focus-visible {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-button--active {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-sort-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 12px;
|
||||
min-width: 12px;
|
||||
color: currentColor;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-action {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.resource-management-page__list-body {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
padding-block: 14px 18px;
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
|
||||
.resource-management-page__list-row {
|
||||
padding: 12px 16px;
|
||||
padding: 14px 16px;
|
||||
font-size: 13px;
|
||||
border-bottom: 1px solid #eef2fa;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.18s ease, transform 0.18s ease;
|
||||
@@ -241,11 +378,35 @@
|
||||
}
|
||||
|
||||
.resource-management-page__list-row--selected {
|
||||
background: rgba(186, 209, 255, 0.34);
|
||||
background: linear-gradient(180deg, rgba(213, 228, 255, 0.96), rgba(190, 214, 255, 0.98));
|
||||
box-shadow:
|
||||
inset 4px 0 0 #2563eb,
|
||||
inset 0 0 0 1px rgba(37, 99, 235, 0.18);
|
||||
}
|
||||
|
||||
.resource-management-page__list-row--parent {
|
||||
background: rgba(241, 245, 255, 0.92);
|
||||
background: linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(242, 246, 255, 0.98));
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
.resource-management-page__list-row--parent .resource-management-page__entry-icon {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.resource-management-page__list-row--parent .resource-management-page__entry-name-text {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.resource-management-page__list-row--parent-selected {
|
||||
background: linear-gradient(180deg, rgba(213, 228, 255, 0.96), rgba(190, 214, 255, 0.98));
|
||||
box-shadow:
|
||||
inset 4px 0 0 #2563eb,
|
||||
inset 0 0 0 1px rgba(37, 99, 235, 0.18);
|
||||
}
|
||||
|
||||
.resource-management-page__list-row--parent-selected .resource-management-page__entry-icon,
|
||||
.resource-management-page__list-row--parent-selected .resource-management-page__entry-name-text {
|
||||
color: #1e3a8a;
|
||||
}
|
||||
|
||||
.resource-management-page__list-name,
|
||||
@@ -258,6 +419,33 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-name-stack {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 0 0 auto;
|
||||
width: 20px;
|
||||
color: #476182;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-branch-count {
|
||||
flex: 0 0 auto;
|
||||
padding: 1px 6px;
|
||||
border-radius: 999px;
|
||||
background: rgba(219, 234, 254, 0.92);
|
||||
color: #1d4ed8;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.resource-management-page__list-meta {
|
||||
display: contents;
|
||||
}
|
||||
@@ -269,12 +457,35 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.resource-management-page__modified-at {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.4ch;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__modified-at > span {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-name-text {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-context-text {
|
||||
overflow: hidden;
|
||||
color: #64748b;
|
||||
font-size: 11px;
|
||||
line-height: 1.35;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-card .ant-card-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -301,6 +512,8 @@
|
||||
}
|
||||
|
||||
.resource-management-page__preview-meta .ant-typography {
|
||||
display: block;
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
margin-bottom: 0;
|
||||
@@ -308,6 +521,10 @@
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-copy {
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-meta .ant-typography-copy {
|
||||
overflow-wrap: anywhere;
|
||||
word-break: break-word;
|
||||
@@ -385,6 +602,17 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.resource-management-page__video-preview {
|
||||
width: 100%;
|
||||
min-height: 0;
|
||||
flex: 1;
|
||||
border: 0;
|
||||
border-radius: 16px;
|
||||
background: #0b1220;
|
||||
box-shadow: inset 0 0 0 1px #d9e1f2;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.resource-management-page__html-preview {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -401,11 +629,17 @@
|
||||
}
|
||||
|
||||
.resource-management-page__html-mode-switch {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
align-items: stretch;
|
||||
gap: 0;
|
||||
margin-left: auto;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__html-mode-switch .ant-btn {
|
||||
min-width: 64px;
|
||||
.resource-management-page__html-mode-button.ant-btn {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__text-preview {
|
||||
@@ -443,13 +677,39 @@
|
||||
}
|
||||
|
||||
.resource-management-page__rich-preview--markdown {
|
||||
position: relative;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
contain: layout paint;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.resource-management-page__markdown-scroll-viewport {
|
||||
flex: 1 1 auto;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overscroll-behavior-x: none;
|
||||
overscroll-behavior-y: contain;
|
||||
scrollbar-gutter: stable;
|
||||
padding: 16px;
|
||||
box-sizing: border-box;
|
||||
touch-action: pan-y;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.resource-management-page__rich-preview--markdown .markdown-preview {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 100%;
|
||||
margin-bottom: 0;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
overflow-wrap: anywhere;
|
||||
word-break: break-word;
|
||||
}
|
||||
@@ -655,6 +915,7 @@
|
||||
.resource-management-page__preview-modal-body {
|
||||
overflow: hidden;
|
||||
background: #0b1220;
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-shell {
|
||||
@@ -662,6 +923,7 @@
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-shell .resource-management-page__preview-modal-body {
|
||||
@@ -742,29 +1004,60 @@
|
||||
inset: auto auto -100vh -100vw;
|
||||
}
|
||||
|
||||
@media (max-width: 1180px) {
|
||||
.resource-management-page {
|
||||
grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
|
||||
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
|
||||
}
|
||||
.resource-management-page--compact {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-rows: minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.resource-management-page__preview-card {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
.resource-management-page--compact > .resource-management-page__preview-card {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.resource-management-page--compact .resource-management-page__modified-at {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2px;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.resource-management-page--compact.resource-management-page--has-preview > .resource-management-page__sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.resource-management-page--compact.resource-management-page--has-preview > .resource-management-page__preview-card {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@media (max-width: 1180px) {
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.resource-management-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
grid-template-rows: auto minmax(0, 1fr);
|
||||
gap: 0;
|
||||
flex: 1 1 0;
|
||||
align-content: stretch;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resource-management-page--mobile {
|
||||
flex: 1 1 auto !important;
|
||||
align-self: stretch;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
grid-template-rows: auto minmax(0, 1fr);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
padding-inline: 0;
|
||||
padding-bottom: max(6px, calc(env(safe-area-inset-bottom, 0px) + 2px));
|
||||
max-height: 100%;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resource-management-page--mobile > .resource-management-page__sidebar,
|
||||
@@ -776,48 +1069,67 @@
|
||||
.resource-management-page__mobile-nav {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
z-index: 3;
|
||||
display: grid;
|
||||
grid-row: 1;
|
||||
grid-column: 1 / -1;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 6px;
|
||||
gap: 3px;
|
||||
flex: 0 0 auto;
|
||||
padding: 6px;
|
||||
border-radius: 18px;
|
||||
background: rgba(244, 247, 252, 0.96);
|
||||
box-shadow: inset 0 0 0 1px rgba(217, 225, 242, 0.92);
|
||||
padding: 4px 10px 1px;
|
||||
border-radius: 0;
|
||||
background: #eef4ff;
|
||||
box-shadow: none;
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
|
||||
.resource-management-page__mobile-card {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
grid-row: 2;
|
||||
grid-column: 1 / -1;
|
||||
flex: 1 1 0;
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.resource-management-page__mobile-card > .ant-card {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
border-radius: 20px;
|
||||
box-shadow: inset 0 0 0 1px rgba(191, 204, 229, 0.9);
|
||||
max-height: 100%;
|
||||
border: 0;
|
||||
border-top: 0;
|
||||
border-radius: 0;
|
||||
overflow: hidden;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.resource-management-page__mobile-card > .ant-card .ant-card-body {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resource-management-page__mobile-nav-button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
gap: 5px;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 42px;
|
||||
padding: 10px 8px;
|
||||
min-height: 36px;
|
||||
padding: 6px 6px;
|
||||
border: 0;
|
||||
border-radius: 14px;
|
||||
background: transparent;
|
||||
color: #52607a;
|
||||
font: inherit;
|
||||
font-size: 13px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
|
||||
}
|
||||
@@ -839,7 +1151,7 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 0 0 auto;
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.resource-management-page__mobile-nav-button-label {
|
||||
@@ -851,12 +1163,64 @@
|
||||
.resource-management-page__sidebar .ant-card-body,
|
||||
.resource-management-page__content .ant-card-body,
|
||||
.resource-management-page__preview-card .ant-card-body {
|
||||
padding: 14px;
|
||||
padding-bottom: 14px;
|
||||
padding: 16px;
|
||||
padding-bottom: max(14px, calc(env(safe-area-inset-bottom, 0px) + 10px));
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resource-management-page__sidebar .ant-card-head,
|
||||
.resource-management-page__content .ant-card-head,
|
||||
.resource-management-page__preview-card .ant-card-head {
|
||||
min-height: 54px;
|
||||
padding-inline: 16px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.resource-management-page__sidebar .ant-card-head-title,
|
||||
.resource-management-page__content .ant-card-head-title,
|
||||
.resource-management-page__preview-card .ant-card-head-title {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header {
|
||||
display: none;
|
||||
grid-template-columns: minmax(0, 1fr) 56px;
|
||||
grid-template-areas:
|
||||
'name action'
|
||||
'modified size';
|
||||
row-gap: 6px;
|
||||
padding: 12px 16px 10px;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-button[data-sort-key='name'] {
|
||||
grid-area: name;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-button[data-sort-key='modifiedAt'] {
|
||||
grid-area: modified;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-button[data-sort-key='size'] {
|
||||
grid-area: size;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-action {
|
||||
grid-area: action;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
.resource-management-page__list-shell {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
max-height: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resource-management-page__list-body {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
padding-block: 14px calc(env(safe-area-inset-bottom, 0px) + 18px);
|
||||
}
|
||||
|
||||
.resource-management-page__list-row {
|
||||
@@ -864,7 +1228,8 @@
|
||||
grid-template-areas:
|
||||
'name actions'
|
||||
'meta meta';
|
||||
row-gap: 6px;
|
||||
row-gap: 4px;
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.resource-management-page__list-name {
|
||||
@@ -875,7 +1240,7 @@
|
||||
grid-area: meta;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
gap: 10px;
|
||||
font-size: 12px;
|
||||
color: #6b7280;
|
||||
}
|
||||
@@ -884,6 +1249,11 @@
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.resource-management-page__list-header-button,
|
||||
.resource-management-page__list-header-action {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.resource-management-page__list-row > .ant-space {
|
||||
grid-area: actions;
|
||||
justify-self: end;
|
||||
@@ -894,6 +1264,7 @@
|
||||
}
|
||||
|
||||
.resource-management-page__tree {
|
||||
padding-block: 14px calc(env(safe-area-inset-bottom, 0px) + 20px);
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@@ -903,8 +1274,44 @@
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__tree .ant-tree-treenode {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.resource-management-page__tree .ant-tree-node-content-wrapper {
|
||||
padding-block: 6px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.resource-management-page__tree-title {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-icon {
|
||||
width: 22px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-name {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-name-text {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.resource-management-page__entry-branch-count {
|
||||
padding: 2px 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.resource-management-page__tree .ant-tree-switcher {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
flex: 0 0 auto;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar {
|
||||
@@ -916,12 +1323,30 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-main {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-search-group {
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-search {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-search-button.ant-btn {
|
||||
width: 44px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-path {
|
||||
min-width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.resource-management-page__toolbar-actions .ant-btn {
|
||||
flex: 1 1 0;
|
||||
width: 44px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-meta {
|
||||
@@ -931,12 +1356,14 @@
|
||||
}
|
||||
|
||||
.resource-management-page__preview-meta .ant-typography,
|
||||
.resource-management-page__preview-meta .ant-space-compact {
|
||||
.resource-management-page__preview-copy,
|
||||
.resource-management-page__html-mode-switch {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-frame,
|
||||
.resource-management-page__video-preview,
|
||||
.resource-management-page__image-preview,
|
||||
.resource-management-page__text-preview,
|
||||
.resource-management-page__rich-preview {
|
||||
@@ -948,8 +1375,25 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.resource-management-page__html-mode-switch .ant-btn {
|
||||
.resource-management-page__html-mode-button.ant-btn {
|
||||
flex: 1 1 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-tabs .ant-tabs-nav-list {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-tabs .ant-tabs-tab {
|
||||
flex: 1 1 0;
|
||||
justify-content: center;
|
||||
min-width: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-tabs .ant-tabs-tab-btn {
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.resource-management-page__editor {
|
||||
@@ -967,7 +1411,7 @@
|
||||
|
||||
.resource-management-page__preview-card .ant-tabs-content-holder {
|
||||
overflow: hidden;
|
||||
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
|
||||
padding-bottom: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@@ -977,7 +1421,14 @@
|
||||
}
|
||||
|
||||
.resource-management-page__editor-panel {
|
||||
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 6px);
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__tree,
|
||||
.resource-management-page__list-body,
|
||||
.resource-management-page__text-preview,
|
||||
.resource-management-page__rich-preview {
|
||||
scroll-padding-bottom: max(14px, calc(env(safe-area-inset-bottom, 0px) + 10px));
|
||||
}
|
||||
|
||||
.resource-management-page__editor-actions {
|
||||
@@ -1003,11 +1454,53 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
overflow: hidden;
|
||||
overscroll-behavior: none;
|
||||
touch-action: none;
|
||||
contain: strict;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile.ant-modal-root {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .ant-modal-mask,
|
||||
.resource-management-page__preview-modal-wrap--mobile .ant-modal-wrap {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
overflow: hidden;
|
||||
touch-action: none;
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .ant-modal-wrap,
|
||||
.resource-management-page__preview-modal-wrap--mobile .ant-modal-body,
|
||||
.resource-management-page__preview-modal-shell .resource-management-page__text-preview,
|
||||
.resource-management-page__preview-modal-shell .resource-management-page__rich-preview {
|
||||
overscroll-behavior: none;
|
||||
-webkit-overflow-scrolling: auto;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .ant-modal-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100vw;
|
||||
border-radius: 0;
|
||||
min-height: 100dvh;
|
||||
height: 100vh;
|
||||
height: 100svh;
|
||||
min-height: 100vh;
|
||||
min-height: 100svh;
|
||||
background: #0b1220;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
overscroll-behavior: none;
|
||||
contain: strict;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .ant-modal-header {
|
||||
@@ -1038,14 +1531,26 @@
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .ant-modal-body {
|
||||
height: calc(100dvh - 56px) !important;
|
||||
flex: 1 1 auto;
|
||||
height: calc(100vh - 56px) !important;
|
||||
height: calc(100svh - 56px) !important;
|
||||
min-height: 0;
|
||||
background: #0b1220;
|
||||
overflow: hidden;
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__preview-modal-shell .resource-management-page__preview-modal-body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__preview-modal-shell,
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__preview-modal-body {
|
||||
overflow: hidden;
|
||||
overscroll-behavior: none;
|
||||
contain: strict;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__zoom-shell {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
@@ -1056,7 +1561,22 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__rich-preview--markdown,
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__rich-preview--markdown {
|
||||
overscroll-behavior: none;
|
||||
-webkit-overflow-scrolling: auto;
|
||||
contain: strict;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__markdown-scroll-viewport {
|
||||
overscroll-behavior: contain;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
touch-action: pan-y;
|
||||
}
|
||||
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__preview-frame,
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__video-preview,
|
||||
.resource-management-page__preview-modal-wrap--mobile .resource-management-page__image-preview {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
|
||||
Reference in New Issue
Block a user