Move quota bar to info section and make it a bit simpler

Signed-off-by: Julius Härtl <jus@bitgrid.net>

2 files changed, 4 insertions, 34 deletions

diff --git a/core/css/icons.scss b/core/css/icons.scss
index 775decfa3a8..8f2d4748754 100644
--- a/core/css/icons.scss
+++ b/core/css/icons.scss
@@ -300,6 +300,10 @@ img, object, video, button, textarea, input, select, div[contenteditable=true] {
 	background-image: url('../img/actions/public.svg?v=1');
 }
 
+.icon-quota {
+	background-image: url('../img/actions/quota.svg?v=1');
+}
+
 .icon-rename {
 	background-image: url('../img/actions/rename.svg?v=1');
 }
diff --git a/core/css/styles.scss b/core/css/styles.scss
index 0bbd89f075b..736713c3e7a 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -927,40 +927,6 @@ code {
 	font-family: 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', monospace;
 }
 
-#body-settings #quota {
-	cursor: default;
-	margin: 30px !important;
-	position: relative;
-	padding: 0 !important;
-	progress {
-		height: 36px;
-		&::-moz-progress-bar {
-			border-radius: 3px 0 0 3px;
-		}
-		&::-webkit-progress-value {
-			border-radius: 3px 0 0 3px;
-		}
-	}
-	div {
-		font-weight: normal;
-		white-space: nowrap;
-		position: absolute;;
-		top: 0;
-		&.quotatext-bg {
-			mix-blend-mode: luminosity;
-		}
-		&.quotatext-fg {
-			color: $color-primary-text;
-			overflow: hidden;
-			z-index: 50;
-			max-width: 100%;
-		}
-		.quotatext {
-			padding: .6em 1em;
-		}
-	}
-}
-
 .pager {
 	list-style: none;
 	float: right;