Fix: Added scrollability to Extension Request preview card (#624)

* added scrollability to ER preview card * fix:added scrollability to ER preview card --------- Co-authored-by: Depayan Mondal <[email protected]>
Real-Dev-Squad · Dec 7, 2024 · 9d4b1d2 · 9d4b1d2
1 parent ba61b42
commit 9d4b1d2
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/app/styles/tasks.css b/app/styles/tasks.css
@@ -438,14 +438,20 @@
   padding: 18px;
   border-radius: 10px;
   background-color: var(--white);
+  overflow: auto;
   /* overflow-y: scroll; */
   position: absolute;
-  left: 30%;
-  right: 30%;
+  max-width: 60%;
+  max-height: 90%;
   gap: 20px;
   display: flex;
   flex-direction: column;
 }
+@media (max-width: 768px), (max-height: 100vh) and (orientation: portrait) {
+  .extension-form__container-main {
+    max-width: 95%;
+  }
+}
 .extension-form__container-main:hover {
   cursor: default;
 }
@@ -465,6 +471,7 @@
 }
 
 .extension-form__content {
+  /* overflow: auto; */
   display: flex;
   justify-content: center;
   align-items: center;
@@ -705,13 +712,13 @@
 td {
   padding: 8px 2px;
   vertical-align: top;
-  min-width: 50%;
+  max-width: 20%;
 }
 .latest-table {
   width: 100%;
 }
 .latest-extension-info__content th {
-  text-align: right;
+  text-align: left;
 }
 .latest-extension-info__content td {
   text-align: left;