remove sidebar and make panels popup

This commit is contained in:
2019-03-05 02:06:07 +01:00
parent 4318fe9728
commit 317292318a
17 changed files with 256 additions and 67 deletions

View File

@@ -24,7 +24,7 @@
<!--layers panel template-->
<layout id="tpl-panel-layers">
<node width="250" margin="0 0 10 0" rtl="ltr">
<node width="350" margin="0 0 10 0" rtl="ltr">
<border height="30" color=".5" align="center" justify="center" margin="0 0 0 0">
<text text="Layers" color="1 1 1 1"/>
</border>
@@ -127,11 +127,11 @@
<!--color panel-->
<layout id="tpl-panel-color">
<node width="250" margin="0 0 10 0" rtl="ltr">
<node width="350" margin="0 0 10 0" rtl="ltr">
<border height="30" color=".5" align="center" justify="center">
<text text="Colors" color="1 1 1 1"/>
</border>
<border color=".3" pad="5" dir="row" height="250">
<border color=".3" pad="5" dir="row" height="350">
<color-quad id="quad" color="1 0 0 1" height="100%" grow="1"/>
<node width="30" dir="col" pad="0 0 0 5"><slider-hue id="hue"/></node>
</border>
@@ -140,14 +140,14 @@
<!--stroke panel-->
<layout id="tpl-panel-stroke">
<node width="250" margin="0 0 10 0" rtl="ltr">
<border height="30" color=".5" align="center" justify="center" dir="row">
<node align="center" width="1" grow="1">
<node width="350" margin="0 0 10 0" rtl="ltr">
<border height="30" color=".4" align="center" justify="flex-end" dir="row">
<!--<node align="center" width="1" grow="1">
<text text="Brush Settings"/>
</node>
</node>-->
<button id="button-unfold-all" width="30" height="18" text="+" margin="0 5 0 0"/>
</border>
<border color=".3" pad="5" dir="col" width="100%">
<border color=".4" pad="5" dir="col" width="100%">
<!-- PREVIEW -->
@@ -155,6 +155,8 @@
<stroke-preview id="canvas" width="100%" height="100"/>
</button-custom>
<scroll id="scroller" scroll-color=".3" margin="5 5 5 10" max-height="500" color=".4">
<!-- PRESET AND SHAPE -->
<node dir="row">
@@ -629,14 +631,15 @@
</node>
</node>
</node>
</scroll>
</border>
</node>
</layout>
<!--grids panel-->
<layout id="tpl-panel-grid">
<node width="250" margin="0 0 10 0" rtl="ltr">
<node width="350" margin="0 0 10 0" rtl="ltr">
<border height="30" color=".5" align="center" justify="center">
<text text="Grids" color="1 1 1 1"/>
</border>
@@ -1587,21 +1590,6 @@ Here's a list of what's available in this release.
</button-custom>
</node>
</border>
<!-- side bar -->
<node height="100%" dir="row" shrink="1">
<scroll id="panels" pad="5 5 5 5" margin="0 0 0 0" color=".3 .3 .3 .4" height="100%" dir="col" wrap="0" shrink="1">
<!--Stroke-->
<!--<panel-stroke id="panel-stroke"/>-->
<!--Brushes-->
<!--<panel-brush id="panel-brush"/>-->
<!--Layers-->
<!--<panel-layer id="panel-layer"/>-->
<!--Colors-->
<!--<panel-color id="panel-color"/>-->
<!--Grids-->
<!--<panel-grid/>-->
</scroll>
</node>
<!--quick bar-->
<node justify="center" align="center">