Change share dialog button style (#5812)

* change share button size * change submit button loading style
haiwen · Dec 5, 2023 · 2ce0f90 · 2ce0f90
1 parent 99a95b4
commit 2ce0f90
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/dialog/custom-permission/custom-permission-editor.js b/frontend/src/components/dialog/custom-permission/custom-permission-editor.js
@@ -126,7 +126,7 @@ class CustomPermissionEditor extends React.Component {
             <span>{title}</span>
           </div>
           <div className="operation">
-            <button type="button" className="btn btn-outline-primary" onClick={this.onUpdateCustomPermission}>{gettext('Submit')}</button>
+            <button type="button" className="btn btn-sm btn-outline-primary" onClick={this.onUpdateCustomPermission}>{gettext('Submit')}</button>
           </div>
         </div>
         <div className="permission-main mt-4">

diff --git a/frontend/src/components/dialog/custom-permission/list-custom-permissions.js b/frontend/src/components/dialog/custom-permission/list-custom-permissions.js
@@ -20,7 +20,7 @@ class ListCustomPermissions extends React.Component {
         <div className="permission-header">
           <div className="title">{gettext('Permission')}</div>
           <div className="operation">
-            <button type="button" className="btn btn-outline-primary" onClick={this.props.onAddCustomPermission}>{gettext('Add permission')}</button>
+            <button type="button" className="btn btn-sm btn-outline-primary" onClick={this.props.onAddCustomPermission}>{gettext('Add permission')}</button>
           </div>
         </div>
         <div className="permission-main mt-4">

diff --git a/frontend/src/components/dialog/share-to-invite-people.js b/frontend/src/components/dialog/share-to-invite-people.js
@@ -297,7 +297,7 @@ class ShareToInvitePeople extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.shareAndInvite} disabled={isSubmitting}
+                <Button onClick={this.shareAndInvite} className="submit-btn" disabled={isSubmitting}
                 >{isSubmitting ? <Loading /> : gettext('Submit')}</Button>
               </td>
             </tr>
-Original file line number
+Diff line change
@@ Expand Up / @@ -297,7 +297,7 @@ class ShareToInvitePeople extends React.Component { @@
                     />
                   </td>
                   <td>
-                    <Button onClick={this.shareAndInvite} disabled={isSubmitting}
+                    <Button onClick={this.shareAndInvite} className="submit-btn" disabled={isSubmitting}
                     >{isSubmitting ? <Loading /> : gettext('Submit')}</Button>
                   </td>
                 </tr>
@@ Expand Down @@