Feature: adjust icon styling

neos · Nov 17, 2023 · 7bf70a6 · 7bf70a6
1 parent 69cb8d7
commit 7bf70a6
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 8 deletions.
diff --git a/Resources/Public/Icons/sync.svg → Resources/Public/Icons/syncronize.svg b/Resources/Public/Icons/sync.svg → Resources/Public/Icons/syncronize.svg
diff --git a/Resources/Public/Icons/sync_alert.svg → Resources/Public/Icons/syncronize_alert.svg b/Resources/Public/Icons/sync_alert.svg → Resources/Public/Icons/syncronize_alert.svg
diff --git a/Resources/Public/Icons/sync_check.svg → Resources/Public/Icons/syncronize_check.svg b/Resources/Public/Icons/sync_check.svg → Resources/Public/Icons/syncronize_check.svg
diff --git a/packages/neos-ui/src/Containers/Modals/SyncWorkspaceDialog/index.js b/packages/neos-ui/src/Containers/Modals/SyncWorkspaceDialog/index.js
@@ -55,7 +55,7 @@ export default class SyncWorkspaceDialog extends PureComponent {
             'Synchronize personal workspace', {}, 'Neos.Neos.Ui', 'Main')
         return (
             <div>
-                <Icon icon="resource://Neos.Neos.Ui/Icons/sync_alert.svg" className={style.buttonIcon} size="2x"/>
+                <Icon icon="resource://Neos.Neos.Ui/Icons/syncronize_alert.svg" className={style.buttonIcon} size="2x"/>
                 <span className={style.modalTitle}>
                     {synchronizeWorkspaceLabel}
                 </span>
@@ -94,7 +94,7 @@ export default class SyncWorkspaceDialog extends PureComponent {
                 hoverStyle="warn"
                 onClick={this.handleConfirm}
             >
-                <Icon icon="resource://Neos.Neos.Ui/Icons/sync.svg" className={style.buttonIcon} size="2x"/>
+                <Icon icon="resource://Neos.Neos.Ui/Icons/syncronize.svg" className={style.buttonIcon} size="2x"/>
                 <span className={style.confirmText}>
                     {confirmationLabel}
                 </span>

diff --git a/packages/neos-ui/src/Containers/Modals/SyncWorkspaceDialog/style.module.css b/packages/neos-ui/src/Containers/Modals/SyncWorkspaceDialog/style.module.css
@@ -1,21 +1,26 @@
 .modalContents {
     padding: var(--spacing-Full);
+    white-space: pre-line;
 }
 
 .buttonIcon {
     display: inline-block;
     width: 1.5rem;
+    height: 1.5rem;
     float: left;
-    margin-right: var(--spacing-Half);
+    margin-right: var(--spacing-Quarter);
 }
+
 .buttonIcon span {
     display: inline-block;
     width: 100%;
 }
+
 .buttonIcon svg {
     width: 100%;
     height: auto;
 }
+
 .confirmText{
     vertical-align: sub;
 }
diff --git a/packages/neos-ui/src/Containers/PrimaryToolbar/WorkspaceSync/index.js b/packages/neos-ui/src/Containers/PrimaryToolbar/WorkspaceSync/index.js
@@ -40,13 +40,13 @@ export default class WorkspaceSync extends PureComponent {
             isSaving,
             isOpen
         } = this.props;
-        let icon = 'resource://Neos.Neos.Ui/Icons/sync_check.svg';
+        let icon = 'resource://Neos.Neos.Ui/Icons/syncronize_check.svg';
         switch (personalWorkspaceStatus) {
             case 'OUTDATED':
-                icon = 'resource://Neos.Neos.Ui/Icons/sync.svg';
+                icon = 'resource://Neos.Neos.Ui/Icons/syncronize.svg';
                 break;
             case 'OUTDATED_CONFLICT':
-                icon = 'resource://Neos.Neos.Ui/Icons/sync_alert.svg';
+                icon = 'resource://Neos.Neos.Ui/Icons/syncronize_alert.svg';
                 break;
         }
         if (personalWorkspaceStatus !== 'UP_TO_DATE') {

diff --git a/packages/neos-ui/src/Containers/PrimaryToolbar/WorkspaceSync/style.module.css b/packages/neos-ui/src/Containers/PrimaryToolbar/WorkspaceSync/style.module.css
@@ -10,7 +10,7 @@
 }
 
 .iconRebase svg {
-    height: 2rem;
+    height: 1.5rem;
     width: auto;
 }
 
@@ -19,6 +19,6 @@
     align-items: center;
 }
 .rebaseButton {
-    padding: 4px;
+    padding: var(--spacing-Quarter);
     border-left: 1px solid black;
 }