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; |
+} |