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