Last Sync: 2026-07-18 05:15 (Mobile)
This commit is contained in:
1 parent
54b25a20bb
commit
d87ed50df0
20 files changed
+2582
-1791
No files matched your search
+184
-103
@@ -97,8 +97,6 @@
|
||||
justify-content: center;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
cursor: pointer;
|
||||
color: var(--text-muted);
|
||||
opacity: 0;
|
||||
@@ -106,6 +104,11 @@
|
||||
transition: opacity 200ms 200ms ease; /* atraso para aparecer depois do input sumir */
|
||||
}
|
||||
|
||||
.nb-search-icon-btn.nb-search-icon-btn.nb-search-icon-btn {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Ícone visível apenas no estado colapsado */
|
||||
.nb-search-container--collapsed .nb-search-icon-btn {
|
||||
opacity: 1;
|
||||
@@ -114,7 +117,10 @@
|
||||
|
||||
.nb-search-icon-btn:hover {
|
||||
color: var(--text-normal);
|
||||
background: var(--background-modifier-hover) !important;
|
||||
}
|
||||
|
||||
.nb-search-icon-btn.nb-search-icon-btn.nb-search-icon-btn:hover {
|
||||
background: var(--background-modifier-hover);
|
||||
}
|
||||
|
||||
.nb-row-count {
|
||||
@@ -347,10 +353,8 @@
|
||||
gap: 5px;
|
||||
width: 100%;
|
||||
padding: 6px 10px;
|
||||
background-color: transparent !important;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-shadow: none !important;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
color: var(--text-muted);
|
||||
@@ -361,11 +365,19 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nb-header-label.nb-header-label.nb-header-label {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nb-header-label:hover {
|
||||
background-color: transparent !important;
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.nb-header-label.nb-header-label.nb-header-label:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nb-header-icon {
|
||||
font-size: 10px;
|
||||
flex-shrink: 0;
|
||||
@@ -391,10 +403,8 @@
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: transparent !important;
|
||||
border: none;
|
||||
outline: none;
|
||||
box-shadow: none !important;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
@@ -405,6 +415,11 @@
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.nb-sort-btn.nb-sort-btn.nb-sort-btn {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nb-header-title:hover .nb-sort-btn,
|
||||
.nb-th:hover .nb-sort-btn,
|
||||
.nb-sort-btn--sorted {
|
||||
@@ -470,11 +485,17 @@
|
||||
color: var(--text-normal);
|
||||
font-size: var(--font-ui-small);
|
||||
cursor: pointer;
|
||||
text-align: left !important;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nb-fields-dropdown .nb-menu-item.nb-menu-item.nb-menu-item,
|
||||
.nb-column-menu .nb-menu-item.nb-menu-item.nb-menu-item,
|
||||
.nb-filter-op-dropdown .nb-menu-item.nb-menu-item.nb-menu-item,
|
||||
.nb-filter-pill-dropdown .nb-menu-item.nb-menu-item.nb-menu-item {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.nb-fields-dropdown .nb-menu-item:hover,
|
||||
.nb-column-menu .nb-menu-item:hover,
|
||||
.nb-filter-op-dropdown .nb-menu-item:hover,
|
||||
@@ -649,9 +670,9 @@
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.nb-th--sticky-last,
|
||||
.nb-td--sticky-last {
|
||||
border-right: 2px solid var(--color-accent) !important;
|
||||
.nb-th--sticky-last.nb-th--sticky-last.nb-th--sticky-last,
|
||||
.nb-td--sticky-last.nb-td--sticky-last.nb-td--sticky-last {
|
||||
border-right: 2px solid var(--color-accent);
|
||||
}
|
||||
|
||||
/* ── Sort panel ──────────────────────────────────────────────────────────── */
|
||||
@@ -695,8 +716,6 @@
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
padding: 0;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
font-size: 16px;
|
||||
@@ -705,11 +724,19 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nb-sort-panel-close.nb-sort-panel-close.nb-sort-panel-close {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nb-sort-panel-close:hover {
|
||||
background: var(--background-modifier-error) !important;
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.nb-sort-panel-close.nb-sort-panel-close.nb-sort-panel-close:hover {
|
||||
background: var(--background-modifier-error);
|
||||
}
|
||||
|
||||
.nb-sort-panel-empty {
|
||||
padding: 6px 8px;
|
||||
font-size: var(--font-ui-small);
|
||||
@@ -739,8 +766,6 @@
|
||||
width: 16px;
|
||||
height: 14px;
|
||||
padding: 0;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: none;
|
||||
font-size: 10px;
|
||||
line-height: 1;
|
||||
@@ -748,6 +773,11 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nb-sort-priority-btn.nb-sort-priority-btn.nb-sort-priority-btn {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nb-sort-priority-btn:hover:not(:disabled) {
|
||||
color: var(--text-normal);
|
||||
}
|
||||
@@ -768,8 +798,6 @@
|
||||
|
||||
.nb-sort-dir-btn {
|
||||
padding: 2px 8px;
|
||||
background: var(--background-modifier-hover) !important;
|
||||
box-shadow: none !important;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
font-size: var(--font-ui-smaller);
|
||||
@@ -778,6 +806,11 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.nb-sort-dir-btn.nb-sort-dir-btn.nb-sort-dir-btn {
|
||||
background: var(--background-modifier-hover);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nb-sort-dir-btn:hover {
|
||||
border-color: var(--interactive-accent);
|
||||
color: var(--interactive-accent);
|
||||
@@ -790,8 +823,6 @@
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
padding: 0;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
font-size: 14px;
|
||||
@@ -801,11 +832,19 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.nb-sort-remove-btn.nb-sort-remove-btn.nb-sort-remove-btn {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nb-sort-remove-btn:hover {
|
||||
background: var(--background-modifier-error) !important;
|
||||
color: var(--text-on-accent);
|
||||
}
|
||||
|
||||
.nb-sort-remove-btn.nb-sort-remove-btn.nb-sort-remove-btn:hover {
|
||||
background: var(--background-modifier-error);
|
||||
}
|
||||
|
||||
.nb-sort-add-row {
|
||||
padding: 2px 2px 0;
|
||||
}
|
||||
@@ -1010,11 +1049,14 @@
|
||||
}
|
||||
|
||||
.nb-cell-input--error {
|
||||
border-color: var(--color-red) !important;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-red) 20%, transparent);
|
||||
}
|
||||
|
||||
.nb-cell-input--error.nb-cell-input--error.nb-cell-input--error {
|
||||
border-color: var(--color-red);
|
||||
}
|
||||
|
||||
.nb-cell-error-msg {
|
||||
font-size: 10px;
|
||||
color: var(--color-red);
|
||||
@@ -1040,14 +1082,14 @@
|
||||
}
|
||||
|
||||
/* Remove o hover e o active individual do botão quando está dentro da row */
|
||||
.nb-status-option-row .nb-status-option-btn:hover,
|
||||
.nb-status-option-row .nb-status-option-btn:focus,
|
||||
.nb-status-option-row .nb-status-option-btn.nb-select-option--active {
|
||||
background: none !important;
|
||||
.nb-status-option-row .nb-status-option-btn.nb-status-option-btn.nb-status-option-btn:hover,
|
||||
.nb-status-option-row .nb-status-option-btn.nb-status-option-btn.nb-status-option-btn:focus,
|
||||
.nb-status-option-row .nb-status-option-btn.nb-select-option--active.nb-select-option--active.nb-select-option--active {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Aplica o active na linha inteira */
|
||||
.nb-status-option-row:has(.nb-select-option--active) {
|
||||
.nb-status-option-row--active {
|
||||
background: var(--background-modifier-active-hover);
|
||||
}
|
||||
|
||||
@@ -1097,10 +1139,14 @@
|
||||
|
||||
.nb-status-color-swatch--active,
|
||||
.nb-status-color-swatch:hover {
|
||||
opacity: 1 !important;
|
||||
border-color: var(--text-normal);
|
||||
}
|
||||
|
||||
.nb-status-color-swatch--active.nb-status-color-swatch--active.nb-status-color-swatch--active,
|
||||
.nb-status-color-swatch.nb-status-color-swatch.nb-status-color-swatch:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Color picker popover */
|
||||
.nb-status-color-picker {
|
||||
background: var(--background-primary);
|
||||
@@ -1499,7 +1545,11 @@
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.nb-cell-input--date.nb-cell-input--date.nb-cell-input--date,
|
||||
.nb-cell-input--time.nb-cell-input--time.nb-cell-input--time {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.nb-cell-date-editor {
|
||||
@@ -1658,14 +1708,17 @@
|
||||
background: var(--background-modifier-hover);
|
||||
}
|
||||
|
||||
.nb-select-option-row:has(.nb-select-option--active) {
|
||||
.nb-select-option-row--active {
|
||||
background: var(--background-modifier-active-hover);
|
||||
}
|
||||
|
||||
.nb-select-option-row .nb-select-option {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.nb-select-option-row .nb-select-option.nb-select-option.nb-select-option {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
@@ -1838,7 +1891,6 @@
|
||||
text-overflow: clip;
|
||||
align-items: flex-start;
|
||||
height: auto;
|
||||
min-height: var(--nb-row-height);
|
||||
}
|
||||
|
||||
/* ── Linha de agregação ─────────────────────────────────────────────────────── */
|
||||
@@ -1914,11 +1966,14 @@
|
||||
border-radius: 5px;
|
||||
padding: 6px 10px;
|
||||
width: 100%;
|
||||
opacity: 1 !important;
|
||||
color: var(--text-normal) !important;
|
||||
background: var(--background-modifier-hover);
|
||||
}
|
||||
|
||||
.nb-agg-dropdown .nb-menu-item.nb-menu-item.nb-menu-item {
|
||||
opacity: 1;
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.nb-agg-dropdown .nb-menu-item:hover {
|
||||
background: var(--background-modifier-hover);
|
||||
}
|
||||
@@ -1955,7 +2010,6 @@
|
||||
}
|
||||
|
||||
.nb-pill-conjunction--or {
|
||||
background: var(--color-orange-rgb, 220, 140, 60);
|
||||
background: rgba(var(--color-orange-rgb, 220, 140, 60), 0.15);
|
||||
color: var(--color-orange);
|
||||
border-color: rgba(var(--color-orange-rgb, 220, 140, 60), 0.3);
|
||||
@@ -2140,8 +2194,6 @@
|
||||
padding: 0;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
color: var(--text-muted);
|
||||
@@ -2149,11 +2201,19 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.nb-filter-query-clear.nb-filter-query-clear.nb-filter-query-clear {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nb-filter-query-clear:hover {
|
||||
background: var(--background-modifier-border) !important;
|
||||
color: var(--text-normal);
|
||||
}
|
||||
|
||||
.nb-filter-query-clear.nb-filter-query-clear.nb-filter-query-clear:hover {
|
||||
background: var(--background-modifier-border);
|
||||
}
|
||||
|
||||
.nb-filter-op-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
@@ -2163,8 +2223,6 @@
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 2px 6px;
|
||||
background: var(--background-modifier-hover) !important;
|
||||
box-shadow: none !important;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
font-size: var(--font-ui-small);
|
||||
@@ -2173,12 +2231,21 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.nb-filter-op-btn.nb-filter-op-btn.nb-filter-op-btn {
|
||||
background: var(--background-modifier-hover);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nb-filter-op-btn:hover,
|
||||
.nb-filter-op-btn--open {
|
||||
background: var(--background-modifier-active-hover) !important;
|
||||
border-color: var(--interactive-accent);
|
||||
}
|
||||
|
||||
.nb-filter-op-btn.nb-filter-op-btn.nb-filter-op-btn:hover,
|
||||
.nb-filter-op-btn--open.nb-filter-op-btn--open.nb-filter-op-btn--open {
|
||||
background: var(--background-modifier-active-hover);
|
||||
}
|
||||
|
||||
.nb-filter-op-dropdown {
|
||||
position: absolute;
|
||||
top: calc(100% + 4px);
|
||||
@@ -2596,10 +2663,7 @@
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
padding: 1px 6px;
|
||||
font-size: 11px;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
border-radius: 4px;
|
||||
background: var(--background-secondary);
|
||||
border-radius: 10px;
|
||||
font-size: var(--font-ui-smaller);
|
||||
@@ -2696,8 +2760,8 @@
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.nb-board--dragging {
|
||||
scroll-snap-type: none !important;
|
||||
.nb-board--dragging.nb-board--dragging.nb-board--dragging {
|
||||
scroll-snap-type: none;
|
||||
}
|
||||
|
||||
.nb-touch-drag-source {
|
||||
@@ -2764,8 +2828,8 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.nb-board-column--over-limit {
|
||||
border-color: #F44336 !important;
|
||||
.nb-board-column--over-limit.nb-board-column--over-limit.nb-board-column--over-limit {
|
||||
border-color: #F44336;
|
||||
}
|
||||
|
||||
.nb-board-limit-input-wrapper {
|
||||
@@ -3403,11 +3467,14 @@
|
||||
}
|
||||
|
||||
.nb-cal-cell--drag-over {
|
||||
background: color-mix(in srgb, var(--interactive-accent) 15%, transparent) !important;
|
||||
outline: 2px dashed var(--interactive-accent);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.nb-cal-cell--drag-over.nb-cal-cell--drag-over.nb-cal-cell--drag-over {
|
||||
background: color-mix(in srgb, var(--interactive-accent) 15%, transparent);
|
||||
}
|
||||
|
||||
.nb-cal-cell--today:hover {
|
||||
background: color-mix(in srgb, var(--interactive-accent) 10%, transparent);
|
||||
}
|
||||
@@ -3970,10 +4037,10 @@
|
||||
|
||||
/* ── Timeline resizing cursor ─────────────────────────────────────────────── */
|
||||
|
||||
body.nb-tl-resizing,
|
||||
body.nb-tl-resizing * {
|
||||
cursor: ew-resize !important;
|
||||
user-select: none !important;
|
||||
body.nb-tl-resizing.nb-tl-resizing.nb-tl-resizing,
|
||||
body.nb-tl-resizing.nb-tl-resizing.nb-tl-resizing * {
|
||||
cursor: ew-resize;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* ── Subfolder path indicator ──────────────────────────────────────────── */
|
||||
@@ -4215,7 +4282,12 @@ body.nb-tl-resizing * {
|
||||
.is-mobile .nb-board-add-card,
|
||||
.is-mobile .nb-list-add-row {
|
||||
min-height: 44px;
|
||||
border-radius: var(--radius-s) !important;
|
||||
}
|
||||
|
||||
.is-mobile .nb-add-row-btn.nb-add-row-btn.nb-add-row-btn,
|
||||
.is-mobile .nb-board-add-card.nb-board-add-card.nb-board-add-card,
|
||||
.is-mobile .nb-list-add-row.nb-list-add-row.nb-list-add-row {
|
||||
border-radius: var(--radius-s);
|
||||
}
|
||||
|
||||
.is-mobile .nb-sort-panel .nb-sort-row {
|
||||
@@ -4362,23 +4434,23 @@ body.nb-tl-resizing * {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nb-mobile-search-input {
|
||||
width: 100% !important;
|
||||
background: transparent !important;
|
||||
border: 1px solid var(--background-modifier-border) !important;
|
||||
border-radius: var(--radius-s) !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
color: var(--text-normal) !important;
|
||||
font-size: var(--font-ui-small) !important;
|
||||
padding: 8px 10px 8px 36px !important;
|
||||
height: auto !important;
|
||||
.nb-mobile-search-input.nb-mobile-search-input.nb-mobile-search-input {
|
||||
width: 100%;
|
||||
background: transparent;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
color: var(--text-normal);
|
||||
font-size: var(--font-ui-small);
|
||||
padding: 8px 10px 8px 36px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.nb-mobile-search-input:focus {
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-color: var(--background-modifier-border) !important;
|
||||
.nb-mobile-search-input.nb-mobile-search-input.nb-mobile-search-input:focus {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
border-color: var(--background-modifier-border);
|
||||
}
|
||||
|
||||
/* ── Mobile toggles row (board hide empty / hide no-value) ───────────────── */
|
||||
@@ -4454,14 +4526,17 @@ body.nb-tl-resizing * {
|
||||
|
||||
.nb-mobile-search-overlay-input {
|
||||
flex: 1;
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
outline: none !important;
|
||||
color: var(--text-normal) !important;
|
||||
font-size: 16px !important;
|
||||
padding: 8px 4px !important;
|
||||
height: auto !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.nb-mobile-search-overlay-input.nb-mobile-search-overlay-input.nb-mobile-search-overlay-input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: var(--text-normal);
|
||||
font-size: 16px;
|
||||
padding: 8px 4px;
|
||||
height: auto;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* ── Filter overlay bar variant ───────────────────────────────────────────── */
|
||||
@@ -4782,23 +4857,23 @@ body.nb-tl-resizing * {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.nb-mobile-pill-dropdown-input {
|
||||
width: 100% !important;
|
||||
padding: 8px 10px !important;
|
||||
border: 1px solid var(--background-modifier-border) !important;
|
||||
border-radius: var(--radius-s) !important;
|
||||
background: var(--color-base-10, #111) !important;
|
||||
color: var(--text-normal) !important;
|
||||
font-size: var(--font-ui-small) !important;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
height: auto !important;
|
||||
.nb-mobile-pill-dropdown-input.nb-mobile-pill-dropdown-input.nb-mobile-pill-dropdown-input {
|
||||
width: 100%;
|
||||
padding: 8px 10px;
|
||||
border: 1px solid var(--background-modifier-border);
|
||||
border-radius: var(--radius-s);
|
||||
background: var(--color-base-10, #111);
|
||||
color: var(--text-normal);
|
||||
font-size: var(--font-ui-small);
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.nb-mobile-pill-dropdown-input:focus {
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
border-color: var(--background-modifier-border) !important;
|
||||
.nb-mobile-pill-dropdown-input.nb-mobile-pill-dropdown-input.nb-mobile-pill-dropdown-input:focus {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
border-color: var(--background-modifier-border);
|
||||
}
|
||||
|
||||
.nb-mobile-pills-strip .nb-pill-conjunction {
|
||||
@@ -4886,20 +4961,26 @@ body.nb-tl-resizing * {
|
||||
|
||||
/* Bug #4: Sort panel off-screen on mobile */
|
||||
.is-mobile .nb-sort-panel {
|
||||
left: 8px !important;
|
||||
right: 8px !important;
|
||||
width: auto !important;
|
||||
max-width: calc(100vw - 16px);
|
||||
}
|
||||
|
||||
.is-mobile .nb-sort-panel.nb-sort-panel.nb-sort-panel {
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Bug #6: Filter pill dropdown positioning on mobile */
|
||||
.is-mobile .nb-filter-pill-dropdown {
|
||||
left: 8px !important;
|
||||
right: 8px !important;
|
||||
width: auto !important;
|
||||
max-width: calc(100vw - 16px);
|
||||
top: auto !important;
|
||||
bottom: 60px !important;
|
||||
}
|
||||
|
||||
.is-mobile .nb-filter-pill-dropdown.nb-filter-pill-dropdown.nb-filter-pill-dropdown {
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
width: auto;
|
||||
top: auto;
|
||||
bottom: 60px;
|
||||
}
|
||||
|
||||
/* Dropdowns inside mobile toolbar */
|
||||
@@ -5238,8 +5319,8 @@ body.nb-tl-resizing * {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.nb-row--drag-over {
|
||||
border-top: 2px solid var(--interactive-accent) !important;
|
||||
.nb-row--drag-over.nb-row--drag-over.nb-row--drag-over {
|
||||
border-top: 2px solid var(--interactive-accent);
|
||||
}
|
||||
|
||||
/* ── Pagination ─────────────────────────────────────────────────────────── */
|
||||
|
||||
Reference in new issue
Block a user