spacecruft
/
Farmbot-Web-App
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Adjusting the movement arrows to be mobile friendly

pull/227/head
Rory Aronson 2015-10-02 22:20:35 -07:00
parent 33047f9f5e
commit 09db0afe4d
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/farmbot.css.scss
View File

@ -821,10 +821,10 @@ input[type="submit"] {
.arrow-button {
background-color: $medium_gray;
color: $off_white;
width: 50px;
height: 50px;
padding: 15px;
font-size: 20px;
width: 40px;
height: 40px;
padding: 12px;
font-size: 16px;
text-align: center;
border-bottom: 3px solid $dark_gray;
margin-bottom: 0px;
@ -1026,3 +1026,7 @@ table.plain tr:nth-of-type(1n) {
background: $off-white;
}
table tr td {
padding: .3rem;
}

20
app/views/dashboard/ng-partials/widgets/_move.html.haml
View File

@ -38,25 +38,27 @@
%td
%td
%directionbutton{direction: "down", axis: "z"}
%tr
%td
.row
.small-6.columns
.medium-6.small-7.columns.medium-offset-1
%label GANTRY (X)
.small-6.columns
.medium-4.small-5.columns.end
%manualmovementinput{axisdata: 'axisdata', axis: 'x'}
.row
.small-6.columns
.medium-6.small-7.columns.medium-offset-1
%label CROSS-SLIDE (Y)
.small-6.columns
.medium-4.small-5.columns.end
%manualmovementinput{axisdata: 'axisdata', axis: 'y'}
.row
.small-6.columns
.medium-6.small-7.columns.medium-offset-1
%label Z-AXIS (Z)
.small-6.columns
.medium-4.small-5.columns.end
%manualmovementinput{axisdata: 'axisdata', axis: 'z'}
.row.padding-bottom
.small-6.columns
%stopbutton
.small-6.columns
.medium-6.small-7.columns.medium-offset-1
%stopbutton.left
.medium-4.small-5.columns.end
%button.full-width.green.button-like{ng_click: 'manualMovement()'} GO