From 12a592ab863f02e1c0c541da5741b385d85133aa Mon Sep 17 00:00:00 2001 From: Mark MacKay Date: Mon, 24 May 2021 13:40:10 -0500 Subject: [PATCH] alignment css restructure --- src/css/align_buttons.css | 33 +++++++++++++++++++++++++++++++++ src/css/method-draw.css | 33 --------------------------------- src/css/panel.css | 1 - src/index.html | 25 +++++++++++++------------ src/js/Panel.js | 4 ++-- 5 files changed, 48 insertions(+), 48 deletions(-) create mode 100644 src/css/align_buttons.css diff --git a/src/css/align_buttons.css b/src/css/align_buttons.css new file mode 100644 index 0000000..229e9ac --- /dev/null +++ b/src/css/align_buttons.css @@ -0,0 +1,33 @@ +.align_button { + float: left; + height: 26px; + height: 26px; + border: solid var(--z2) 10px; + outline: solid var(--z1) 1px; + background-color: var(--z2); + cursor: pointer; + position: relative; +} + +.align_button:hover { + background-color: var(--z3); + border-color: var(--z3); +} + +.align_button svg { + fill: #999; +} + +.align_button:hover svg { + fill: #fff; +} + +.align_button:nth-child(1) {border-radius: var(--x1) 0 0 0;} +.align_button:nth-child(3) {border-radius: 0 var(--x1) 0 0;} +.align_button:nth-child(4) {border-radius: 0 0 0 var(--x1);} +.align_button:nth-child(6) {border-radius: 0 0 var(--x1) 0;} + +.align_buttons .push_button { + display: block; + float: left; +} \ No newline at end of file diff --git a/src/css/method-draw.css b/src/css/method-draw.css index 08802ef..21f2128 100644 --- a/src/css/method-draw.css +++ b/src/css/method-draw.css @@ -275,45 +275,12 @@ input[type=file] { text-indent: 8px; } -.draginput_cell { - float: left; - height: 26px; - height: 26px; - border: solid var(--z2) 10px; - outline: solid var(--z1) 1px; - background-color: var(--z2); - cursor: pointer; - position: relative; -} - -.draginput_cell:hover { - background-color: var(--z5); -} - -.draginput_cell svg { - fill: #999; -} - -.draginput_cell:hover svg { - fill: #fff; -} - .draginput.textcontent { position: absolute; opacity: 0; z-index: 0; } - .align_buttons .draginput_cell:nth-child(1) {border-radius: var(--x1) 0 0 0;} - .align_buttons .draginput_cell:nth-child(3) {border-radius: 0 var(--x1) 0 0;} - .align_buttons .draginput_cell:nth-child(4) {border-radius: 0 0 0 var(--x1);} - .align_buttons .draginput_cell:nth-child(6) {border-radius: 0 0 var(--x1) 0;} - -.align_buttons .push_button { - display: block; - float: left; -} - ul li.current { background-color: #F4E284; } diff --git a/src/css/panel.css b/src/css/panel.css index 0cac769..4062670 100644 --- a/src/css/panel.css +++ b/src/css/panel.css @@ -28,7 +28,6 @@ } - #align_tools { display: none; } diff --git a/src/index.html b/src/index.html index ea1550e..2a3c86d 100644 --- a/src/index.html +++ b/src/index.html @@ -33,6 +33,7 @@ + @@ -442,32 +443,32 @@