Browse Source

fix: Removed sticky display column for mobile view

pull/6490/head
Muhammed Mustafa 1 year ago
parent
commit
43a09b02d0
  1. 30
      packages/nc-gui/components/smartsheet/grid/Table.vue

30
packages/nc-gui/components/smartsheet/grid/Table.vue

@ -1149,6 +1149,10 @@ const expandAndLooseFocus = (row: Row, col: Record<string, any>) => {
<table <table
ref="smartTable" ref="smartTable"
class="xc-row-table nc-grid backgroundColorDefault !h-auto bg-white" class="xc-row-table nc-grid backgroundColorDefault !h-auto bg-white"
:class="{
mobile: isMobileMode,
desktop: !isMobileMode,
}"
@contextmenu="showContextMenu" @contextmenu="showContextMenu"
> >
<thead v-show="hideHeader !== true" ref="tableHeadEl"> <thead v-show="hideHeader !== true" ref="tableHeadEl">
@ -1793,19 +1797,21 @@ const expandAndLooseFocus = (row: Row, col: Record<string, any>) => {
background: white; background: white;
} }
thead th:nth-child(2) { .desktop {
position: sticky !important; thead th:nth-child(2) {
left: 85px; position: sticky !important;
z-index: 5; z-index: 5;
@apply border-r-1 border-r-gray-200; left: 85px;
} @apply border-r-1 border-r-gray-200;
}
tbody td:nth-child(2) { tbody td:nth-child(2) {
position: sticky !important; position: sticky !important;
left: 85px; z-index: 4;
z-index: 4; left: 85px;
background: white; background: white;
@apply border-r-1 border-r-gray-100; @apply border-r-1 border-r-gray-100;
}
} }
.nc-grid-skelton-loader { .nc-grid-skelton-loader {

Loading…
Cancel
Save