From f0be658fd0129fa008e8f1725f6f1ff15953ab75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Emilio=20Cobos=20=C3=81lvarez?= Date: Wed, 10 Feb 2021 04:09:19 +0100 Subject: [PATCH] Fix #3528 Make the progress bar not overlap the textarea. While at it, also remove useless `content: ""` rules which do nothing, and an useless `width` declaration which also does nothing because it's the same width as the block would have minus margins. --- webcompat/static/css/src/issue-wizard-textarea.css | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/webcompat/static/css/src/issue-wizard-textarea.css b/webcompat/static/css/src/issue-wizard-textarea.css index 5bc10de20..28c809291 100644 --- a/webcompat/static/css/src/issue-wizard-textarea.css +++ b/webcompat/static/css/src/issue-wizard-textarea.css @@ -22,21 +22,16 @@ .progress-textarea .progress { background: #b3f4d7; border-radius: 2px; - bottom: 0; - content: ""; height: 20px; - left: 0; margin: 4px; overflow: hidden; - position: absolute; - width: calc(100% - 8px); + position: relative; z-index: 2; } .progress-textarea .progress .bar { background: #22b573; bottom: 0; - content: ""; height: 20px; left: 0; min-width: 1%;