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

Unified Diff: block.html

Issue 29337873: Issue 3729 - Make "Block element" dialog adapt to variable window sizes (Closed)
Patch Set: Addressed comments Created March 3, 2016, 3:40 p.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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: block.html
===================================================================
--- a/block.html
+++ b/block.html
@@ -29,13 +29,25 @@
<script type="text/javascript" src="i18n.js" charset="utf-8"></script>
<script type="text/javascript" src="block.js" charset="utf-8"></script>
<style type="text/css">
+ *
+ {
+ box-sizing: border-box;
+ }
+ html
+ {
+ height: 100%;
+ }
body
{
+ height: 100%;
+ margin: 0px;
+ padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
- margin: 0px;
- padding: 5px;
- display: inline-block;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
}
#title,
#filters
@@ -50,13 +62,19 @@
{
margin-right: 5px;
}
+ #title, #buttons
+ {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ }
#filters
{
- width: 400px;
- height: 100px;
+ width: 100%;
resize: none;
white-space: pre;
word-wrap: normal;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
}
#buttons
{
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld