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-frame" style="width: 900px;">
<div class="dialog-header" bind="dialogHeader"></div> <div class="dialog-header" bind="dialogHeader"></div>
<div class="dialog-body" bind="dialogBody"> <div class="dialog-body" bind="dialogBody">
<div class="grid-layout layout-normal layout-full grid-layout-for-ui"><table><tr> <div class="grid-layout layout-normal layout-full grid-layout-for-ui">
<td width="1%"> <div class="recon-dialog-service">
<div class="recon-dialog-service-list" bind="serviceList"></div> <div class="recon-dialog-service-list" bind="serviceList"></div>
</td> <div class="recon-dialog-service-panel-container"
<td><div class="recon-dialog-service-panel-container" bind="servicePanelContainer"> bind="servicePanelContainer">
<div class="recon-dialog-service-panel-message" bind="servicePanelMessage"> <div class="recon-dialog-service-panel-message"
</div> bind="servicePanelMessage"></div>
</div></td> </div>
</tr></table></div> </div>
</div> </div>
<div class="dialog-footer" bind="dialogFooter"><table width="100%"><tr> </div>
<td align="left"> <div class="dialog-footer" bind="dialogFooter">
<button class="button" bind="addStandardServiceButton"></button> <table width="100%">
<button class="button" bind="addNamespacedServiceButton"></button> <tr>
</td> <td align="left">
<td align="right"> <button class="button" bind="addStandardServiceButton"></button>
<button class="button" bind="reconcileButton"></button> <button class="button" bind="addNamespacedServiceButton"></button>
<button class="button" bind="cancelButton"></button> </td>
</td> <td align="right">
</div> <button class="button" bind="reconcileButton"></button>
<button class="button" bind="cancelButton"></button>
</td>
</table>
</div>
</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"); @import-less url("../theme.less");
.recon-dialog-service {
height: 500px;
padding: 5px 0;
}
.recon-dialog-service-list { .recon-dialog-service-list {
border: 1px solid #aaa; border: 1px solid #aaa;
padding: 1px; padding: 1px;
overflow: auto; overflow: auto;
width: 200px; width: 200px;
height: 500px; height: 500px;
float: left;
}
.recon-dialog-service-panel-container {
float: left;
} }
a.recon-dialog-service-selector { a.recon-dialog-service-selector {