Nextcloud design guidelines fix and added imported user name

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

1 files changed, 13 insertions, 16 deletions

diff --git a/css/public/style.scss b/css/public/style.scss
index 344ec9c5..791d7433 100644
--- a/css/public/style.scss
+++ b/css/public/style.scss
@@ -771,45 +771,42 @@ detailsitem .select2-container {
 	z-index: 500;
 }
 #importscreen-content {
-	min-width: 300px;
+	width: 300px;
 	position: relative;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	flex-wrap: wrap;
 }
+#importscreen-percent {
+	opacity: 0.5;
+}
 #importscreen-user {
 	font-style: italic;
-	color: #555;
+	opacity: 0.5;
 	flex-basis: 100%;
+	padding-top: 5px;
 }
 #importscreen-progress {
 	display: block;
 	width: 100%;
-	padding: 4px;
+	padding: 0px;
 	border: 0 none;
-	background: rgba(0,0,0,0.1);
-	border-radius: 2px;
-	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
+	background-color: #e6e6e6;
+	border-radius: 3px;
 	flex-basis: 100%;
+	height: 5px;
 }
 #importscreen-progress::-webkit-progress-bar {
 	background: transparent;
 }	
 #importscreen-progress::-moz-progress-bar {
-	border-radius: 2px;
+	border-radius: 3px;
 	background: $color-primary;
-	box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1), 0 2px 5px 0px rgba(0,0,0,0.1);
-}
-/* webkit */
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-	#importscreen-progress {
-		height: 25px;
-	}
+	transition: 500ms all ease-in-out;
 }
 #importscreen-progress::-webkit-progress-value {	
-	border-radius: 2px;
+	border-radius: 3px;
 	background: $color-primary;
-	box-shadow: inset 0 -2px 4px rgba(0,0,0,0.1), 0 2px 5px 0px rgba(0,0,0,0.1); 
 	transition: 500ms all ease-in-out;
 }