cdd6147f56
Set the min-width of window to 600px so that all select list boxes remain in main toolbar, and not go in toolbar-more. While resizing the toolbar, if the user tries to reduce the window width past the min-width set, we would run into an infinite loop causing spike in browser CPU usage and eventually crash. This used to happen earlier also before setting this min-width with very small browser window size. Also simplify the toolbar resize algorithm. Rather than using raw jquery methods to move items from one toolbar to another, use library's (w2ui) methods to add/remove items from toolbar. This also requires the need of proper initialization of few buttons such as color picker, table picker because moving item from one toolbar to another strips off the initialization corresponding to these toolbar buttons and these need to be reinitialized. Moving such initialization to onRefresh, hence, would keep them initialized whenever toolbar is resized. This also solves one major problem with enabled/disabled state of toolbar buttons. Since, now, we are actually moving the items from one toolbar to another, we can enable/disable them using toolbar's methods ie. enable(), disable(). Change-Id: I64fb0a9d7761f66701bc0e020d1dbad9e4defe29
39 lines
No EOL
599 B
CSS
39 lines
No EOL
599 B
CSS
#document-container {
|
|
border-top: 1px solid #B6B6B6;
|
|
background: #DFDFDF;
|
|
position: absolute;
|
|
top: 70px;
|
|
bottom: 33px;
|
|
right: 0px;
|
|
left: 0px;
|
|
}
|
|
|
|
#map {
|
|
position: absolute;
|
|
top: 0px;
|
|
bottom: 16px;
|
|
left: 0px;
|
|
right: 16px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#main-menu {
|
|
top: 0;
|
|
position: fixed;
|
|
height: 25px;
|
|
right: 0;
|
|
left: 0;
|
|
padding-left: 125px;
|
|
z-index: 1030;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
min-width: 600px;
|
|
}
|
|
|
|
.loleaflet-font {
|
|
font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif !important;
|
|
font-size: 12px !important;
|
|
font-weight: normal !important;
|
|
} |