Browse Source

fix: small css fix for sticky column

Signed-off-by: mertmit <mertmit99@gmail.com>
pull/5060/head
mertmit 2 years ago
parent
commit
fc1984ef90
  1. 8
      packages/nc-gui/components/smartsheet/Grid.vue

8
packages/nc-gui/components/smartsheet/Grid.vue

@ -715,8 +715,8 @@ const closeAddColumnDropdown = () => {
> >
<thead ref="tableHead"> <thead ref="tableHead">
<tr class="nc-grid-header"> <tr class="nc-grid-header">
<th data-testid="grid-id-column"> <th class="w-[80px]" data-testid="grid-id-column">
<div class="w-full h-full bg-gray-100 flex min-w-[70px] pl-5 pr-1 items-center" data-testid="nc-check-all"> <div class="w-full h-full bg-gray-100 flex pl-5 pr-1 items-center" data-testid="nc-check-all">
<template v-if="!readOnly"> <template v-if="!readOnly">
<div class="nc-no-label text-gray-500" :class="{ hidden: selectedAllRecords }">#</div> <div class="nc-no-label text-gray-500" :class="{ hidden: selectedAllRecords }">#</div>
<div <div
@ -999,6 +999,10 @@ const closeAddColumnDropdown = () => {
position: relative; position: relative;
} }
th {
@apply bg-gray-100;
}
td:not(:first-child) > div { td:not(:first-child) > div {
overflow: hidden; overflow: hidden;
@apply flex px-1 h-auto; @apply flex px-1 h-auto;

Loading…
Cancel
Save