Sbatten/menu font size (#54695)

* increase menu font size * updating padding to keep menus compact
microsoft · Jul 19, 2018 · 26e5a55 · 26e5a55
1 parent 0147a1b
commit 26e5a55
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/src/vs/base/browser/ui/menu/menu.css b/src/vs/base/browser/ui/menu/menu.css
@@ -40,31 +40,31 @@
 	flex: 1 1 auto;
 	display: -ms-flexbox;
 	display: flex;
+	height: 2.6em;
+	align-items: center;
 }
 
 .monaco-menu .monaco-action-bar.vertical .action-label {
 	-ms-flex: 1 1 auto;
 	flex: 1 1 auto;
 	text-decoration: none;
-	padding: 0.8em 1em;
-	line-height: 1.1em;
+	padding: 0 1em;
 	background: none;
+	font-size: inherit;
+	line-height: 1;
 }
 
 .monaco-menu .monaco-action-bar.vertical .keybinding,
 .monaco-menu .monaco-action-bar.vertical .submenu-indicator {
 	display: inline-block;
 	-ms-flex: 2 1 auto;
 	flex: 2 1 auto;
-	padding: 0.8em 1em;
-	line-height: 1.1em;
-	font-size: 12px;
+	padding: 0 1em;
 	text-align: right;
+	font-size: inherit;
+	line-height: 1;
 }
 
-.monaco-menu .monaco-action-bar.vertical .submenu-indicator {
-	padding: 0.8em .5em;
-}
 
 .monaco-menu .monaco-action-bar.vertical .action-item.disabled .keybinding,
 .monaco-menu .monaco-action-bar.vertical .action-item.disabled .submenu-indicator {

diff --git a/src/vs/workbench/browser/parts/menubar/media/menubarpart.css b/src/vs/workbench/browser/parts/menubar/media/menubarpart.css
@@ -6,7 +6,6 @@
 .monaco-workbench > .part.menubar {
 	display: flex;
 	position: absolute;
-	font-size: 12px;
 	box-sizing: border-box;
 	padding-left: 35px;
 	padding-right: 138px;

diff --git a/src/vs/workbench/electron-browser/media/shell.css b/src/vs/workbench/electron-browser/media/shell.css
@@ -69,9 +69,13 @@
 	padding: .5em 0;
 }
 
+.monaco-shell .monaco-menu .monaco-action-bar.vertical .action-menu-item {
+	height: 1.8em;
+}
+
 .monaco-shell .monaco-menu .monaco-action-bar.vertical .action-label:not(.separator),
 .monaco-shell .monaco-menu .monaco-action-bar.vertical .keybinding {
-	padding: 0.5em 2em;
+	padding: 0 1.5em;
 }
 
 .monaco-shell .monaco-menu .monaco-action-bar.vertical .action-label.separator {
@@ -80,7 +84,7 @@
 }
 
 .monaco-shell .monaco-menu .monaco-action-bar.vertical .submenu-indicator {
-	padding: 0.5em 1em;
+	padding: 0 1em;
 }
 
 .monaco-shell .monaco-menu .action-item {