improved css
This commit is contained in:
@@ -1,8 +1,14 @@
|
|||||||
body{
|
html, body{
|
||||||
background: gray;
|
padding: 0;
|
||||||
width: 100%;
|
margin: 0;
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
html{
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.tile{
|
.tile{
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
@@ -23,12 +29,18 @@ svg text{
|
|||||||
|
|
||||||
.menu{
|
.menu{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 40px;
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu .tile{
|
.menu > div{
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
border: 1px solid black;
|
||||||
|
height: 30px;
|
||||||
background: white;
|
background: white;
|
||||||
font-size: 12px;
|
padding: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu .list{
|
.menu .list{
|
||||||
@@ -39,16 +51,16 @@ svg text{
|
|||||||
display: inherit;
|
display: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu .tile .list{
|
.menu > div > .list{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 0;
|
|
||||||
height: 30px;
|
height: 30px;
|
||||||
left: 0;
|
bottom: 30px;
|
||||||
bottom: 40px;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu .tile .list .tile{
|
.menu > div > .list > *{
|
||||||
position: relative;
|
position: relative;
|
||||||
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#messages{
|
#messages{
|
||||||
|
|||||||
@@ -60,7 +60,7 @@ function enableAdding(ev){
|
|||||||
mode = null;
|
mode = null;
|
||||||
} else {
|
} else {
|
||||||
$(selected).css('border','2px solid red');
|
$(selected).css('border','2px solid red');
|
||||||
$('.menu .tile .list').css('display','inherit');
|
$('.menu .addtile .list').css('display','inherit');
|
||||||
mode = ADD;
|
mode = ADD;
|
||||||
}
|
}
|
||||||
return false; // otherwise body.click would also be triggered
|
return false; // otherwise body.click would also be triggered
|
||||||
@@ -69,6 +69,6 @@ function enableAdding(ev){
|
|||||||
window.onload = function () {
|
window.onload = function () {
|
||||||
var isDragging = false;
|
var isDragging = false;
|
||||||
$('.menu > div').click(closeMenu);
|
$('.menu > div').click(closeMenu);
|
||||||
$('.menu .tile .list svg').click(enableAdding);
|
$('.menu .addtile .list svg').click(enableAdding);
|
||||||
$(BODY).click(bodyClick);
|
$(BODY).click(bodyClick);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -68,25 +68,18 @@ public class Plan {
|
|||||||
|
|
||||||
private Tag menu() throws IOException {
|
private Tag menu() throws IOException {
|
||||||
Tag menu = new Tag("div").clazz("menu");
|
Tag menu = new Tag("div").clazz("menu");
|
||||||
Tag tileMenu = new Tag("div").clazz("tile").content("Add tile");
|
|
||||||
|
|
||||||
StringBuffer tiles = new StringBuffer();
|
tileMenu().addTo(menu);
|
||||||
tiles.append(new StraightH().html());
|
actionMenu().addTo(menu);
|
||||||
tiles.append(new StraightV().html());
|
|
||||||
tiles.append(new DiagES().html());
|
|
||||||
tiles.append(new DiagSW().html());
|
|
||||||
tiles.append(new DiagNE().html());
|
|
||||||
tiles.append(new DiagWN().html());
|
|
||||||
tiles.append(new EndE().html());
|
|
||||||
tiles.append(new EndW().html());
|
|
||||||
tiles.append(new TurnoutSE().html());
|
|
||||||
tiles.append(new TurnoutWS().html());
|
|
||||||
tiles.append(new TurnoutSW().html());
|
|
||||||
new Tag("div").clazz("list").content(tiles.toString()).addTo(tileMenu).addTo(menu);
|
|
||||||
|
|
||||||
return menu;
|
return menu;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private Tag actionMenu() {
|
||||||
|
Tag menu = new Tag("div").clazz("actions").content("Actions");
|
||||||
|
return menu;
|
||||||
|
}
|
||||||
|
|
||||||
public String process(HashMap<String, String> params) {
|
public String process(HashMap<String, String> params) {
|
||||||
try {
|
try {
|
||||||
String mode = params.get(MODE);
|
String mode = params.get(MODE);
|
||||||
@@ -120,4 +113,22 @@ public class Plan {
|
|||||||
private String t(String message, Object...fills) {
|
private String t(String message, Object...fills) {
|
||||||
return Translation.get(Application.class, message, fills);
|
return Translation.get(Application.class, message, fills);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private Tag tileMenu() throws IOException {
|
||||||
|
Tag tileMenu = new Tag("div").clazz("addtile").content("Add tile");
|
||||||
|
|
||||||
|
StringBuffer tiles = new StringBuffer();
|
||||||
|
tiles.append(new StraightH().html());
|
||||||
|
tiles.append(new StraightV().html());
|
||||||
|
tiles.append(new DiagES().html());
|
||||||
|
tiles.append(new DiagSW().html());
|
||||||
|
tiles.append(new DiagNE().html());
|
||||||
|
tiles.append(new DiagWN().html());
|
||||||
|
tiles.append(new EndE().html());
|
||||||
|
tiles.append(new EndW().html());
|
||||||
|
tiles.append(new TurnoutSE().html());
|
||||||
|
tiles.append(new TurnoutWS().html());
|
||||||
|
tiles.append(new TurnoutSW().html());
|
||||||
|
return new Tag("div").clazz("list").content(tiles.toString()).addTo(tileMenu);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user