Commit 7ef24ad9 authored by bgeron's avatar bgeron Committed by Commit bot

[turbolizer] Style improvements.

- Remove duplicated CSS.
- Expand landing area of upload button.
- Give the toolbox a transparent white background.
- Make the phase-select box look nicer before file load.
- Remove the margin at the top of the screen.

The height of the margin was exactly the height of span#graph-toolbox,
and due to the semantics of position:relative, space was reserved for it
at the top of div#middle.

BUG=
R=danno

Review-Url: https://codereview.chromium.org/2164373002
Cr-Commit-Position: refs/heads/master@{#38003}
parent a474e841
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
</div> </div>
</div> </div>
<div id="middle"> <div id="middle">
<div id="graph-toolbox-anchor">
<span id="graph-toolbox"> <span id="graph-toolbox">
<input id="layout" type="image" title="layout graph" src="layout-icon.png" <input id="layout" type="image" title="layout graph" src="layout-icon.png"
alt="layout graph" class="button-input"> alt="layout graph" class="button-input">
...@@ -26,8 +27,12 @@ ...@@ -26,8 +27,12 @@
<input id="search-input" type="text" title="search nodes for regex" <input id="search-input" type="text" title="search nodes for regex"
alt="search node for regex" class="search-input" alt="search node for regex" class="search-input"
placeholder="find with regexp&hellip;"> placeholder="find with regexp&hellip;">
<select id="display-selector"></select> <select id="display-selector">
<option disabled selected>(please open a file)</option>
</select>
</span> </span>
</div>
<div id="load-file"> <div id="load-file">
<input type="file" id="hidden-file-upload"> <input type="file" id="hidden-file-upload">
<input id="upload" type="image" title="load graph" class="button-input" <input id="upload" type="image" title="load graph" class="button-input"
......
...@@ -280,22 +280,8 @@ span.linkable-text:hover { ...@@ -280,22 +280,8 @@ span.linkable-text:hover {
left: 0; left: 0;
} }
#graph-toolbox { #graph-toolbox-anchor {
position: relative; height: 0px;
top: 1em;
left: 0.7em;
border: 2px solid #eee8d5;
border-radius: 5px;
padding: 0.7em;
z-index: 5;
}
#disassembly-collapse {
right: 0;
}
#source-collapse {
left: 0;
} }
#graph-toolbox { #graph-toolbox {
...@@ -306,21 +292,25 @@ span.linkable-text:hover { ...@@ -306,21 +292,25 @@ span.linkable-text:hover {
border-radius: 5px; border-radius: 5px;
padding: 0.7em; padding: 0.7em;
z-index: 5; z-index: 5;
background: rgba(100%, 100%, 100%, 0.7);
} }
#load-file { #load-file {
background: #A0A0A0;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
margin-top: 0.5em; margin-top: 0.5em;
margin-right: 0.5em; margin-right: 0.5em;
border-radius: 5px;
padding: 0.5em;
z-index: 5; z-index: 5;
opacity: 0.7; opacity: 0.7;
} }
#load-file input {
background: #A0A0A0;
border-radius: 5px;
padding: 0.5em;
}
#hidden-file-upload{ #hidden-file-upload{
display: none; display: none;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment