Merge pull request #19120 from overleaf/rh-link-share-styles

[web] Fix share modal styling regressions

GitOrigin-RevId: efeffa3d6451ed47137106e0ad296c518a5c0608

services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/share-project-modal-content.tsx

@@ -41,7 +41,7 @@ export default function ShareProjectModalContent({
         <Modal.Title>{t('share_project')}</Modal.Title>
       </Modal.Header>
 
-      <Modal.Body className="modal-body-share">
+      <Modal.Body className="modal-body-share modal-link-share-new">
         <Grid fluid>
           <Suspense fallback={<FullSizeLoadingSpinner minHeight="15rem" />}>
             {isRestrictedTokenMember ? (

services/web/frontend/stylesheets/app/editor/share.less

@@ -29,6 +29,8 @@
   .project-invite,
   .public-access-level {
     font-size: 14px;
+    padding: (@line-height-computed / 2) 0;
+    border-bottom: 1px solid @gray-lighter;
   }
 
   .public-access-level {
@@ -115,6 +117,9 @@
       padding: 2px;
       margin-bottom: 0;
     }
+    padding: @line-height-computed / 2;
+    background-color: @gray-lightest;
+    margin-top: @line-height-computed / 2;
     .add-collabs {
       margin-top: @line-height-computed / 2;
     }
@@ -174,3 +179,15 @@
 .copy-button:focus-within {
   outline: none;
 }
+
+.modal-link-share-new {
+  .invite-controls {
+    padding: 0;
+    background-color: transparent;
+    margin-top: 0;
+  }
+  .public-access-level {
+    padding: 0;
+    border: none;
+  }
+}

services/web/frontend/stylesheets/components/tags-input.less

@@ -24,7 +24,6 @@
   appearance: textfield;
   -moz-appearance: textfield;
   -webkit-appearance: textfield;
-  padding: 0 0 0 5px;
   overflow: hidden;
   word-wrap: break-word;
   cursor: text;
@@ -161,3 +160,9 @@
   font-weight: bold;
   font-style: normal;
 }
+
+.modal-link-share-new {
+  .tags-input .tags {
+    padding: 0 0 0 5px;
+  }
+}