From 72095d82915a8137e4cc883e364f754ea126e709 Mon Sep 17 00:00:00 2001 From: Alon Levy Date: Mon, 16 Mar 2015 21:06:13 +0200 Subject: client: add plus and minus buttons css and images --- res/client/css/partials/tool-bar.scss | 24 ++++++++++++++++++++++++ res/client/css/style.css | 20 ++++++++++++++++++++ res/client/img/minus.svg | 24 ++++++++++++++++++++++++ res/client/img/plus.svg | 24 ++++++++++++++++++++++++ 4 files changed, 92 insertions(+) create mode 100644 res/client/img/minus.svg create mode 100644 res/client/img/plus.svg diff --git a/res/client/css/partials/tool-bar.scss b/res/client/css/partials/tool-bar.scss index 501ea931..77070b6f 100644 --- a/res/client/css/partials/tool-bar.scss +++ b/res/client/css/partials/tool-bar.scss @@ -16,6 +16,16 @@ z-index: 1; } +#tool-bar-top-bar { + float: right; + padding-bottom: 10px; +} + +#tool-bar-multiple-node-operations { + float: right; + width: 100%; +} + #btn_filter { background: url(../img/toolbar_icon__filter.png); background-repeat: no-repeat; @@ -41,3 +51,17 @@ background-position: center; background-repeat: no-repeat; } + +#btn_zoom_in { + background: url(../img/plus.svg); + background-position: center; + background-repeat: no-repeat; + border: 0px; +} + +#btn_zoom_out { + background: url(../img/minus.svg); + background-position: center; + background-repeat: no-repeat; + border: 0px; +} diff --git a/res/client/css/style.css b/res/client/css/style.css index c7cd122a..d5338280 100644 --- a/res/client/css/style.css +++ b/res/client/css/style.css @@ -708,6 +708,14 @@ p { right: 20px; z-index: 1; } +#tool-bar-top-bar { + float: right; + padding-bottom: 10px; } + +#tool-bar-multiple-node-operations { + float: right; + width: 100%; } + #btn_filter { background: url(../img/toolbar_icon__filter.png); background-repeat: no-repeat; @@ -729,6 +737,18 @@ p { background-position: center; background-repeat: no-repeat; } +#btn_zoom_in { + background: url(../img/plus.svg); + background-position: center; + background-repeat: no-repeat; + border: 0px; } + +#btn_zoom_out { + background: url(../img/minus.svg); + background-position: center; + background-repeat: no-repeat; + border: 0px; } + .graph-view { background-color: #f5f5fa; height: 100%; } diff --git a/res/client/img/minus.svg b/res/client/img/minus.svg new file mode 100644 index 00000000..d79fb534 --- /dev/null +++ b/res/client/img/minus.svg @@ -0,0 +1,24 @@ + + + + + + diff --git a/res/client/img/plus.svg b/res/client/img/plus.svg new file mode 100644 index 00000000..f58526a3 --- /dev/null +++ b/res/client/img/plus.svg @@ -0,0 +1,24 @@ + + + + + + -- cgit v1.3.1