Getting rid of tables in html

This commit is contained in:
Blakko 2014-06-11 14:04:51 +02:00
parent 88d1317b29
commit f69f4b0c80
2 changed files with 36 additions and 22 deletions

View File

@ -1,24 +1,28 @@
<div class="dialog-frame" style="width: 900px;">
<div class="dialog-header" bind="dialogHeader"></div>
<div class="dialog-body" bind="dialogBody">
<div class="grid-layout layout-normal layout-full grid-layout-for-ui"><table><tr>
<td width="1%">
<div class="recon-dialog-service-list" bind="serviceList"></div>
</td>
<td><div class="recon-dialog-service-panel-container" bind="servicePanelContainer">
<div class="recon-dialog-service-panel-message" bind="servicePanelMessage">
</div>
</div></td>
</tr></table></div>
</div>
<div class="dialog-footer" bind="dialogFooter"><table width="100%"><tr>
<td align="left">
<button class="button" bind="addStandardServiceButton"></button>
<button class="button" bind="addNamespacedServiceButton"></button>
</td>
<td align="right">
<button class="button" bind="reconcileButton"></button>
<button class="button" bind="cancelButton"></button>
</td>
</div>
<div class="dialog-header" bind="dialogHeader"></div>
<div class="dialog-body" bind="dialogBody">
<div class="grid-layout layout-normal layout-full grid-layout-for-ui">
<div class="recon-dialog-service">
<div class="recon-dialog-service-list" bind="serviceList"></div>
<div class="recon-dialog-service-panel-container"
bind="servicePanelContainer">
<div class="recon-dialog-service-panel-message"
bind="servicePanelMessage"></div>
</div>
</div>
</div>
</div>
<div class="dialog-footer" bind="dialogFooter">
<table width="100%">
<tr>
<td align="left">
<button class="button" bind="addStandardServiceButton"></button>
<button class="button" bind="addNamespacedServiceButton"></button>
</td>
<td align="right">
<button class="button" bind="reconcileButton"></button>
<button class="button" bind="cancelButton"></button>
</td>
</table>
</div>
</div>

View File

@ -33,12 +33,22 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
@import-less url("../theme.less");
.recon-dialog-service {
height: 500px;
padding: 5px 0;
}
.recon-dialog-service-list {
border: 1px solid #aaa;
padding: 1px;
overflow: auto;
width: 200px;
height: 500px;
float: left;
}
.recon-dialog-service-panel-container {
float: left;
}
a.recon-dialog-service-selector {