CODEWITHSUNDEEP
cssantd
core114
core114

Reputation: 5335

Ant design drawer header fixed

Im using my react project for ant design drawer, i have some conflict i tried drawer header fixed using following CSS command position:fixed but its not appear , any one know some solution for this ?

my code

.ant-drawer-header {
    position: relative;
    padding: 16px 24px;
    color: rgba(0, 0, 0, 0.65);
    background: #fff;
    position:fixed;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0;
}

Thanks

Upvotes: 1

Views: 3453

Answers (1)

core114
core114

Reputation: 5335

Hear the solution

.ant-drawer-header {
  position: absolute;
  padding: 16px 24px;
  z-index: 99999;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-drawer-body {
   padding: 24px;
   margin-top: 3rem;
   font-size: 14px;
   line-height: 1.5;
   word-wrap: break-word;
 }

Upvotes: 2

Related Questions