New button standard

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

USer menu in popover

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

Multiselect fixes

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

Register menu & copyright

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

Allow form and label in popover standard

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

New menu NOT in popover

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

Stop autofilling user and password...
SHAME TO THEM: https://bugzilla.mozilla.org/show_bug.cgi?id=956906#c100

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

Hide men by default

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

2 files changed, 34 insertions, 6 deletions

diff --git a/core/css/apps.scss b/core/css/apps.scss
index becbf63cd6d..bcb0878b3c8 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -92,6 +92,22 @@ kbd {
 	border-right: 1px solid $color-border;
 	display: flex;
 	flex-direction: column;
+
+	/* 'New' button */
+	.app-navigation-new {
+		display: block;
+		padding: 10px;
+		button {
+			display: inline-block;
+			width: 100%;
+			padding: 10px;
+			padding-left: 34px;
+			background-position: 10px center;
+			text-align: left;
+			margin: 0;
+		}
+	}
+
 	li {
 		position: relative;
 	}
@@ -794,14 +810,14 @@ kbd {
 		flex: 0 0 auto;
 		> button,
 		> a,
-		> .menuitem {
+		> .menuitem,
+		> label {
 			cursor: pointer;
 			line-height: 36px;
 			border: 0;
 			background-color: transparent;
 			display: flex;
 			align-items: center;
-			width: auto;
 			height: auto;
 			margin: 0;
 			font-weight: 300;
@@ -865,6 +881,9 @@ kbd {
 					margin: -2px 11px 0;
 				}
 			}
+			> input:not([type=radio]):not([type=checkbox]):not([type=image]) {
+				width: 150px;
+			}
 		}
 		> button {
 			padding: 0;
@@ -876,7 +895,7 @@ kbd {
 	}
 }
 
-
+/* CONTENT WRAPPER  --------------------------------------------------------- */
 #app-content-wrapper {
 	display: flex;
 	position: relative;
@@ -891,6 +910,8 @@ kbd {
 		overflow-y: auto;
 	}
 }
+
+/* CONTENT LIST ------------------------------------------------------------- */
 .app-content-list {
 	width: 300px;
 	border-right: 1px solid nc-darken($color-main-background, 8%);
@@ -1036,7 +1057,8 @@ kbd {
 		}
 	}
 }
-/* App content */
+
+/* CONTENT ------------------------------------------------------------------ */
 .app-content-detail {
 	/* grow full width */
 	flex-grow: 1;
@@ -1046,6 +1068,7 @@ kbd {
 	}
 }
 
+/* MOBILE ------------------------------------------------------------------- */
 /* Mobile width < 768px */
 @media only screen and (max-width: 768px) {
 
diff --git a/core/css/multiselect.scss b/core/css/multiselect.scss
index 3aa9eb639dd..da6cbde3722 100644
--- a/core/css/multiselect.scss
+++ b/core/css/multiselect.scss
@@ -25,7 +25,7 @@ ul.multiselectoptions {
 	position: absolute;
 	max-height: 20em;
 	overflow-y: auto;
-	z-index: 49;
+	z-index: 149;
 	&.down {
 		border-bottom-left-radius: 3px;
 		border-bottom-right-radius: 3px;
@@ -96,7 +96,7 @@ div.multiselect {
 	&.active {
 		background-color: $color-main-background;
 		position: relative;
-		z-index: 50;
+		z-index: 150;
 	}
 	&.up {
 		border-top: 0 none;
@@ -116,11 +116,16 @@ div.multiselect {
 			text-overflow: ellipsis;
 			width: 90%;
 			white-space: nowrap;
+			line-height: 20px;
 		}
 		&:last-child {
 			position: absolute;
 			right: 8px;
 			top: 8px;
+			padding: 0 !important;
+			min-width: 16px;
+			min-height: 16px;
+			background-position: center;
 		}
 	}
 }