Some Design fixes

Signed-off-by: szaimen <[email protected]> Signed-off-by: npmbuildbot-nextcloud[bot] <npmbuildbot-nextcloud[bot]@users.noreply.github.com>
nextcloud · Jul 22, 2021 · 7f7c0c2 · 7f7c0c2
1 parent fd26c1d
commit 7f7c0c2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 13 deletions.
diff --git a/src/components/EditorWrapper.vue b/src/components/EditorWrapper.vue
@@ -575,11 +575,12 @@ export default {
 
 	.save-status {
 		display: inline-flex;
-		align-items: center;
 		padding: 0;
-		padding-right: 12px;
 		text-overflow: ellipsis;
 		color: var(--color-text-lighter);
+		position: relative;
+		top: 10px;
+		min-width: 85px;
 
 		&.error {
 			background-color: var(--color-error);
@@ -598,7 +599,6 @@ export default {
 	}
 
 	#editor-session-list {
-		padding-right: 16px;
 		display: flex;
 
 		input, div {

diff --git a/src/components/MenuBar.vue b/src/components/MenuBar.vue
@@ -331,11 +331,11 @@ export default {
 		top: 0;
 		display: flex;
 		justify-content: flex-end;
-		z-index: 10010; // above modal-header so buttons are clickable
+		z-index: 10021; // above modal-header and menububble so menubar is always on top
 		background-color: var(--color-main-background-translucent);
 		-webkit-backdrop-filter: var(--background-blur);
 		backdrop-filter: var(--background-blur);
-		height: 50px;
+		min-height: 50px; // important for mobile so that the buttons are always inside the container
 		padding-top:3px;
 		padding-bottom: 3px;
 
@@ -405,14 +405,6 @@ export default {
 				opacity: .4;
 			}
 		}
-
-		&.icon-redo {
-			margin-right: 22px;
-		}
-
-		&.icon-ul {
-			margin-left: 22px;
-		}
 	}
 
 	.menubar .submenu {