Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: skin/issue-reporter.css

Issue 29587613: Issue 5917 - Improve display of report data in the issue reporter (Closed) Base URL: https://hg.adblockplus.org/adblockplusui/
Patch Set: Created Oct. 24, 2017, 11:55 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« issue-reporter.js ('K') | « issue-reporter.js ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: skin/issue-reporter.css
===================================================================
--- a/skin/issue-reporter.css
+++ b/skin/issue-reporter.css
@@ -190,16 +190,23 @@ html[dir="rtl"] #typeSelectorGroup > p
}
#result
{
flex-grow: 1;
border-width: 0px;
}
+#showDataValue
+{
+ flex-grow: 1;
+ width: 100%;
+ margin-bottom: 1rem;
+}
+
footer
{
display: flex;
flex-direction: row;
box-sizing: border-box;
width: 46.3rem;
margin-top: 2rem;
}
@@ -298,8 +305,32 @@ input[type="radio"]
display: inline-block;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked
{
background-position: 0px 18px;
}
+
+.modal:not([hidden])
+{
+ display: flex;
+ flex-direction: column;
+ position: fixed;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ padding: 5rem;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.modalContent
+{
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ background-color: #FFFFFF;
+ border: 1px solid #CDCDCD;
+ padding: 2rem;
+}
« issue-reporter.js ('K') | « issue-reporter.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld