diff options
| author | Jabier Arraiza <jabier.arraiza@marker.es> | 2019-01-26 05:16:02 +0000 |
|---|---|---|
| committer | Jabier Arraiza <jabier.arraiza@marker.es> | 2019-01-27 00:40:25 +0000 |
| commit | e0471fb385a7250815528d23f0c2ecbbca675d42 (patch) | |
| tree | 33ac5b8f91a55e7de73cd61dcb206f2e2e04ce78 /share | |
| parent | Add style file (diff) | |
| download | inkscape-e0471fb385a7250815528d23f0c2ecbbca675d42.tar.gz inkscape-e0471fb385a7250815528d23f0c2ecbbca675d42.zip | |
Adding styling refactoring, moving after to other branch the CSS part
Diffstat (limited to 'share')
| -rw-r--r-- | share/icons/hicolor/scalable/actions/draw-star-ouline.svg | 133 | ||||
| -rw-r--r-- | share/icons/hicolor/symbolic/actions/draw-star-outline-symbolic.svg | 67 | ||||
| -rw-r--r-- | share/ui/dialog-filter-editor.ui (renamed from share/ui/filter-editor.glade) | 0 | ||||
| -rw-r--r-- | share/ui/dialog-livepatheffect-add-effect.ui (renamed from share/ui/lpe-selector-item.ui) | 6 | ||||
| -rw-r--r-- | share/ui/dialog-livepatheffect-add.ui | 140 | ||||
| -rw-r--r-- | share/ui/lpe-selector.ui | 88 | ||||
| -rw-r--r-- | share/ui/style.css | 146 | ||||
| -rw-r--r-- | share/ui/toolbar-commands.ui (renamed from share/ui/commands-toolbar.ui) | 0 | ||||
| -rw-r--r-- | share/ui/toolbar-select.ui (renamed from share/ui/select-toolbar.ui) | 0 | ||||
| -rw-r--r-- | share/ui/toolbar-snap.ui (renamed from share/ui/snap-toolbar.ui) | 0 | ||||
| -rw-r--r-- | share/ui/toolbar-tool.ui (renamed from share/ui/tool-toolbar.ui) | 0 |
11 files changed, 465 insertions, 115 deletions
diff --git a/share/icons/hicolor/scalable/actions/draw-star-ouline.svg b/share/icons/hicolor/scalable/actions/draw-star-ouline.svg new file mode 100644 index 000000000..f348a88c6 --- /dev/null +++ b/share/icons/hicolor/scalable/actions/draw-star-ouline.svg @@ -0,0 +1,133 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + id="svg1" + width="18.268586" + height="17.84485" + version="1.1" + sodipodi:docname="draw-star-ouline.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <metadata + id="metadata4103"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + id="base" + showgrid="true" + inkscape:zoom="37.406242" + inkscape:cx="9.6579675" + inkscape:cy="9.7321419" + inkscape:window-width="1280" + inkscape:window-height="960" + inkscape:window-x="0" + inkscape:window-y="27" + inkscape:window-maximized="1" + inkscape:current-layer="svg1"> + <inkscape:grid + id="GridFromPre046Settings" + type="xygrid" + originx="0pt" + originy="0pt" + spacingx="1pt" + spacingy="1pt" + color="#3f3fff" + empcolor="#3f3fff" + opacity="0.15" + empopacity="0.38" + empspacing="5" /> + </sodipodi:namedview> + <defs + id="defs3"> + <linearGradient + gradientUnits="userSpaceOnUse" + id="linearGradient6625-4" + inkscape:collect="always" + x1="109.2829" + x2="99.93163" + xlink:href="#linearGradient6679" + y1="199.9722" + y2="190.2852" /> + <linearGradient + gradientUnits="userSpaceOnUse" + id="linearGradient6644" + inkscape:collect="always" + x1="98.53114" + x2="101.695" + xlink:href="#linearGradient5704" + y1="191.0442" + y2="195.8891" /> + <linearGradient + id="linearGradient6679"> + <stop + id="stop6681" + offset="0" + style="stop-color:#ffeb74;stop-opacity:1" /> + <stop + id="stop6683" + offset="1" + style="stop-color:#ffffff;stop-opacity:1" /> + </linearGradient> + <linearGradient + id="linearGradient5704"> + <stop + id="stop5706" + offset="0" + style="stop-color:#5a5a5a;stop-opacity:1" /> + <stop + id="stop5708" + offset="1" + style="stop-color:#000000;stop-opacity:1" /> + </linearGradient> + </defs> + <g + id="draw-star" + transform="matrix(1,0,0,1,-455.80047,-179.155581)"> + <path + d="m 109.1123,194.2458 -3.4876,2.2071 -0.019,4.1272 -3.1768,-2.6349 -3.93097,1.2577 1.52427,-3.8355 -2.41085,-3.35 4.11875,0.2644 2.441,-3.328 1.0213,3.9989 z" + id="path2669" + inkscape:flatsided="false" + inkscape:randomized="0" + inkscape:rounded="0" + sodipodi:arg1="-0.122765" + sodipodi:arg2="0.5055535" + sodipodi:cx="103" + sodipodi:cy="195" + sodipodi:r1="6.158659" + sodipodi:r2="3" + sodipodi:sides="5" + sodipodi:type="star" + style="color:#000000;fill:#fffbc5;fill-rule:evenodd;stroke:url(#linearGradient6644);stroke-width:0.6782926;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" + transform="matrix(1.492696,-0.0409829,0.0399483,1.455015,302.9314,-91.01218)" /> + <path + d="m 107.5277,194.4445 -2.569,1.6153 -0.031,3.0747 -2.3302,-1.9442 -2.93379,0.9204 1.12889,-2.8168 -1.78192,-2.5058 3.02782,0.2032 1.8325,-2.4691 0.7424,2.9425 z" + id="path5971" + inkscape:flatsided="false" + inkscape:randomized="0" + inkscape:rounded="0" + sodipodi:arg1="-0.1220787" + sodipodi:arg2="0.4959725" + sodipodi:cx="103" + sodipodi:cy="195" + sodipodi:r1="4.561672" + sodipodi:r2="2.227037" + sodipodi:sides="5" + sodipodi:type="star" + style="color:#000000;fill:#ffffff;fill-rule:evenodd;stroke:url(#linearGradient6625-4);stroke-width:0.6782926;stroke-linecap:round;stroke-miterlimit:80" + transform="matrix(1.492696,-0.0409829,0.0399483,1.455015,302.9314,-91.01218)" /> + </g> +</svg> diff --git a/share/icons/hicolor/symbolic/actions/draw-star-outline-symbolic.svg b/share/icons/hicolor/symbolic/actions/draw-star-outline-symbolic.svg new file mode 100644 index 000000000..5aa4591a1 --- /dev/null +++ b/share/icons/hicolor/symbolic/actions/draw-star-outline-symbolic.svg @@ -0,0 +1,67 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) and export_objects.py --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + version="1.1" + id="svg1" + width="16" + height="16" + viewBox="0 0 16 16" + sodipodi:docname="draw-star-outline-symbolic.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <metadata + id="metadata10"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs8" /> + <sodipodi:namedview + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + id="namedview" + showgrid="true" + inkscape:zoom="27.166187" + inkscape:cx="9.3879532" + inkscape:cy="7.3166036" + inkscape:window-width="1280" + inkscape:window-height="960" + inkscape:window-x="0" + inkscape:window-y="27" + inkscape:window-maximized="1" + inkscape:current-layer="svg1" + inkscape:snap-global="false"> + <inkscape:grid + type="xygrid" + id="grid" /> + </sodipodi:namedview> + <g + transform="matrix(1.000006,0,0,1.002537,-348.99376,-684.09339)" + id="draw-star-outline" + inkscape:label="00174"> + <path + inkscape:connector-curvature="0" + id="rect19962" + d="m 349,682.36218 h 15.97919 v 15.9375 H 349 Z" + style="opacity:0;fill:none" /> + <path + style="opacity:1;stroke-width:0.98073399" + d="M 7.9609375 0 L 5.7460938 5.4824219 L 0.37695312 6.1855469 L 4.3945312 10.181641 L 3.3417969 16.054688 L 8.0449219 13.064453 L 12.785156 15.990234 L 12.669922 15.380859 L 11.658203 10.130859 L 15.625 6.078125 L 10.244141 5.4511719 L 7.9609375 0 z M 7.9726562 2.5019531 L 9.578125 6.328125 L 13.402344 6.7714844 L 10.580078 9.65625 L 11.376953 13.787109 L 8.0351562 11.724609 L 4.7207031 13.833984 L 5.4628906 9.6914062 L 2.6015625 6.8476562 L 6.421875 6.3496094 L 7.9726562 2.5019531 z " + transform="matrix(0.999994,0,0,0.99746942,348.99167,682.36224)" + id="path822" /> + </g> +</svg> diff --git a/share/ui/filter-editor.glade b/share/ui/dialog-filter-editor.ui index 908e0d7e3..908e0d7e3 100644 --- a/share/ui/filter-editor.glade +++ b/share/ui/dialog-filter-editor.ui diff --git a/share/ui/lpe-selector-item.ui b/share/ui/dialog-livepatheffect-add-effect.ui index 98e35fa92..b423a32f4 100644 --- a/share/ui/lpe-selector-item.ui +++ b/share/ui/dialog-livepatheffect-add-effect.ui @@ -2,7 +2,7 @@ <!-- Generated with glade 3.22.1 --> <interface> <requires lib="gtk+" version="3.20"/> - <object class="GtkBox" id="LPESelectorItem"> + <object class="GtkBox" id="LPESelectorEffect"> <property name="width_request">200</property> <property name="visible">True</property> <property name="can_focus">True</property> @@ -71,7 +71,7 @@ <property name="can_focus">False</property> <property name="halign">end</property> <property name="pixel_size">30</property> - <property name="icon_name">draw-star</property> + <property name="icon_name">draw-star-outline</property> <property name="icon_size">2</property> <style> <class name="fab"/> @@ -112,7 +112,7 @@ </packing> </child> <style> - <class name="lpeselectoritem"/> + <class name="lpeselectoreffect"/> </style> </object> </interface> diff --git a/share/ui/dialog-livepatheffect-add.ui b/share/ui/dialog-livepatheffect-add.ui new file mode 100644 index 000000000..3bee689a5 --- /dev/null +++ b/share/ui/dialog-livepatheffect-add.ui @@ -0,0 +1,140 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- Generated with glade 3.22.1 --> +<interface> + <requires lib="gtk+" version="3.20"/> + <object class="GtkDialog" id="LPEDialogSelector"> + <property name="name">LPEDialogSelector</property> + <property name="height_request">500</property> + <property name="visible">True</property> + <property name="can_focus">False</property> + <property name="title" translatable="yes">Live Path Effect Selector</property> + <property name="modal">True</property> + <property name="window_position">center-on-parent</property> + <property name="destroy_with_parent">True</property> + <property name="type_hint">dialog</property> + <property name="gravity">center</property> + <child> + <placeholder/> + </child> + <child internal-child="vbox"> + <object class="GtkBox"> + <property name="can_focus">False</property> + <property name="orientation">vertical</property> + <property name="spacing">2</property> + <child internal-child="action_area"> + <object class="GtkButtonBox"> + <property name="can_focus">False</property> + <property name="layout_style">end</property> + <child> + <placeholder/> + </child> + <child> + <placeholder/> + </child> + </object> + <packing> + <property name="expand">False</property> + <property name="fill">False</property> + <property name="position">0</property> + </packing> + </child> + <child> + <object class="GtkBox" id="LPESelector"> + <property name="visible">True</property> + <property name="can_focus">False</property> + <property name="valign">start</property> + <property name="orientation">vertical</property> + <property name="baseline_position">top</property> + <child> + <object class="GtkSearchBar"> + <property name="visible">True</property> + <property name="can_focus">False</property> + <property name="search_mode_enabled">True</property> + <child> + <object class="GtkSearchEntry" id="LPEFilter"> + <property name="width_request">400</property> + <property name="visible">True</property> + <property name="can_focus">True</property> + <property name="primary_icon_name">edit-find-symbolic</property> + <property name="primary_icon_activatable">False</property> + <property name="primary_icon_sensitive">False</property> + <style> + <class name="iconymbolic"/> + </style> + </object> + </child> + <style> + <class name="searchbar"/> + </style> + </object> + <packing> + <property name="expand">True</property> + <property name="fill">True</property> + <property name="position">0</property> + </packing> + </child> + <child> + <object class="GtkLabel" id="LPEInfo"> + <property name="visible">True</property> + <property name="can_focus">False</property> + <property name="label" translatable="yes">Message</property> + <property name="justify">center</property> + <property name="ellipsize">end</property> + <style> + <class name="lpeinfo"/> + </style> + </object> + <packing> + <property name="expand">False</property> + <property name="fill">True</property> + <property name="position">1</property> + </packing> + </child> + <child> + <object class="GtkScrolledWindow"> + <property name="visible">True</property> + <property name="can_focus">True</property> + <property name="hscrollbar_policy">never</property> + <property name="shadow_type">in</property> + <property name="min_content_width">800</property> + <property name="min_content_height">10</property> + <property name="propagate_natural_height">True</property> + <child> + <object class="GtkViewport"> + <property name="visible">True</property> + <property name="can_focus">False</property> + <child> + <object class="GtkFlowBox" id="LPESelectorFlowBox"> + <property name="name">lpeflow</property> + <property name="visible">True</property> + <property name="can_focus">False</property> + <property name="no_show_all">True</property> + <property name="column_spacing">10</property> + <property name="row_spacing">10</property> + <property name="min_children_per_line">3</property> + </object> + </child> + </object> + </child> + </object> + <packing> + <property name="expand">False</property> + <property name="fill">False</property> + <property name="position">2</property> + </packing> + </child> + </object> + <packing> + <property name="expand">False</property> + <property name="fill">True</property> + <property name="position">1</property> + </packing> + </child> + </object> + </child> + <style> + <class name="iconsymbolic"/> + <class name="colordefault"/> + </style> + </object> +</interface> diff --git a/share/ui/lpe-selector.ui b/share/ui/lpe-selector.ui deleted file mode 100644 index 1c88c9e93..000000000 --- a/share/ui/lpe-selector.ui +++ /dev/null @@ -1,88 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> -<!-- Generated with glade 3.22.1 --> -<interface> - <requires lib="gtk+" version="3.20"/> - <object class="GtkBox" id="LPESelector"> - <property name="visible">True</property> - <property name="can_focus">False</property> - <property name="valign">start</property> - <property name="orientation">vertical</property> - <property name="baseline_position">top</property> - <child> - <object class="GtkSearchBar"> - <property name="visible">True</property> - <property name="can_focus">False</property> - <property name="has_focus">True</property> - <property name="search_mode_enabled">True</property> - <child> - <object class="GtkSearchEntry" id="LPEFilter"> - <property name="width_request">400</property> - <property name="visible">True</property> - <property name="can_focus">True</property> - <property name="primary_icon_name">edit-find-symbolic</property> - <property name="primary_icon_activatable">False</property> - <property name="primary_icon_sensitive">False</property> - </object> - </child> - <style> - <class name="searchbar"/> - </style> - </object> - <packing> - <property name="expand">True</property> - <property name="fill">True</property> - <property name="position">0</property> - </packing> - </child> - <child> - <object class="GtkLabel" id="LPEInfo"> - <property name="visible">True</property> - <property name="can_focus">False</property> - <property name="label" translatable="yes">Message</property> - <property name="justify">center</property> - <property name="ellipsize">end</property> - <style> - <class name="lpeinfo"/> - </style> - </object> - <packing> - <property name="expand">False</property> - <property name="fill">True</property> - <property name="position">1</property> - </packing> - </child> - <child> - <object class="GtkScrolledWindow"> - <property name="visible">True</property> - <property name="can_focus">True</property> - <property name="hscrollbar_policy">never</property> - <property name="shadow_type">in</property> - <property name="min_content_width">800</property> - <property name="min_content_height">10</property> - <property name="propagate_natural_height">True</property> - <child> - <object class="GtkViewport"> - <property name="visible">True</property> - <property name="can_focus">False</property> - <child> - <object class="GtkFlowBox" id="LPESelectorFlowBox"> - <property name="name">lpeflow</property> - <property name="visible">True</property> - <property name="can_focus">False</property> - <property name="no_show_all">True</property> - <property name="column_spacing">10</property> - <property name="row_spacing">10</property> - <property name="min_children_per_line">3</property> - </object> - </child> - </object> - </child> - </object> - <packing> - <property name="expand">False</property> - <property name="fill">False</property> - <property name="position">2</property> - </packing> - </child> - </object> -</interface> diff --git a/share/ui/style.css b/share/ui/style.css index 6598d5e69..8063477bf 100644 --- a/share/ui/style.css +++ b/share/ui/style.css @@ -26,7 +26,6 @@ * */ - /* Our own custom shades... better not to use. * Lightest to darkest based on linear rgb. */ @@ -41,6 +40,121 @@ @define-color bg_color7 #636363; @define-color bg_color8 #000000; /* Black */ + /* Inkscape CSS helper + * to add a class to a widget do some thing like + * widget->get_style_context()->add_class("mycoolclass"); + * we define a bunch of helper CSS styles + * Ecah Inkscape desktop has a class in top level window + * call "dark" so you can style using 2 clases with or without + * "dark" by this way you can always know if the UI is in dark mode + * Also added some helper clases: + * ::::::: Color based + * ::::::: apply to colors + * ::::::: scope widget and all his childs + * ".colordefault" use default window color + * ".colorinverse" invert window colors + * ".colorbright" force bright colors no matter the UI is dark or bright + * ".colordark" same but dark + * ::::::: Background based + * ::::::: apply to backgrounds + * ::::::: scope widget and all his childs + * ".backgrounddefault" use default window color + * ".backgroundinverse" invert window colors + * ".backgroundbright" force bright colors no matter the UI is dark or bright + * ".backgrounddark" same but dark + * :::::::: Icon Based. + * :::::::: apply to color (foreground) + * :::::::: scope widget and all nested images + * ".iconsymbolic" Force icon symbolic + * ".iconregular" Force colorfull icons + * ".iconcolordefault" Theme color default + * ".iconcolorinverse" Inverse color from theme + * ".iconcolorbright, Force clear icon + * ".iconcolordark" Force dark icon + * ".iconcolornamed" Icon in prefs selected color; + * ".iconcolornamedinverse" Icon in inverse color from prefs" + * :::::::: Combo box. + * "..combobright" Combo bright + */ + +.colordefault, +.colordefault *{ + color: @theme_fg_color; +} + +.colorinverse, +.colorinverse *{ + color: @theme_bg_color; +} +.colorbright, +.colorbright *{ + color: @theme_fg_color; +} +.dark .colorbright, +.dark .colorbright *{ + color: @theme_bg_color; +} +.colordark, +.colordark *{ + color: @theme_bg_color; +} +.dark .colordark, +.dark .colordark *{ + color: @theme_fg_color; +} +.backgrounddefault, +.backgrounddefault *{ + background-color: @theme_bg_color; + background-image:image(@theme_bg_color); +} +.backgroundinverse, +.backgroundinverse *{ + background-color: @theme_fg_color; + background-image:image(@theme_fg_color); +} +.backgroundbright, +.backgroundbright *{ + background-color: @theme_bg_color; + background-image:image(@theme_bg_color); +} +.dark .backgroundbright, +.dark .backgroundbright *{ + background-color: @theme_fg_color; + background-image:image(@theme_fg_color); +} +.backgrounddark, +.backgrounddark *{ + background-color: @theme_fg_color; + background-image:image(@theme_fg_color); +} +.dark .backgrounddark, +.dark .backgrounddark *{ + background-color: @theme_bg_color; + background-image:image(@theme_bg_color); +} +.iconsymbolic, +.iconsymbolic image{ + -gtk-icon-style: symbolic; +} +.iconregular, +.iconregular image{ + -gtk-icon-style: regular; +} + +.combobright *{ + color: @theme_fg_color; + background-color: @theme_bg_color; + background-image:image(@theme_bg_color); + border-radius:4px; +} +.dark .combobright *{ + color: @theme_bg_color; + background-color: @theme_fg_color; + background-image:image(@theme_fg_color); + border-radius:4px; +} + + /* 'GtkWidget' for Gtk <= 3.18 */ /* 'widget' for Gtk <= 3.19.2 */ GtkWidget, widget { @@ -78,10 +192,10 @@ spinbutton undershoot { .lpeinfo{ font-size:16px; padding:20px; - } - #lpedialogselector, - #lpedialogselector .frame, - #lpedialogselector .searchbar { +} +#lpedialogselector, +#lpedialogselector .frame, +#lpedialogselector .searchbar { border-bottom-width:0; border-top-width:0; outline-width:0; @@ -96,22 +210,18 @@ spinbutton undershoot { margin:10px; margin-bottom:30px; padding-bottom:10px; - background-color:@theme_bg_color; - color:@theme_fg_color; } #lpeflow GtkFlowBoxChild.lpeactive, #lpeflow flowboxchild.lpeactive{ - background-color:@theme_fg_color; - color:@theme_bg_color; margin-bottom:0px; padding-bottom:10px; outline:none; } -#lpeflow GtkFlowBoxChild.lpeactive *, -#lpeflow flowboxchild.lpeactive *{ - color:inherit; + +#LPEDialogSelector .frame{ + border-width:0; } SPRuler { @@ -217,15 +327,3 @@ combobox window.popup scrolledwindow treeview separator { padding : 0 ; outline-style : none; } - - - -#symbolsView, -#markerCombo button, -#markerCombo menu, -#dashCombo button, -#dashCombo menu{ - background-image:image(rgb(230,230,230)); - color:rgb(0,0,0); -} - diff --git a/share/ui/commands-toolbar.ui b/share/ui/toolbar-commands.ui index c2b1ed965..c2b1ed965 100644 --- a/share/ui/commands-toolbar.ui +++ b/share/ui/toolbar-commands.ui diff --git a/share/ui/select-toolbar.ui b/share/ui/toolbar-select.ui index 1c8c1efc3..1c8c1efc3 100644 --- a/share/ui/select-toolbar.ui +++ b/share/ui/toolbar-select.ui diff --git a/share/ui/snap-toolbar.ui b/share/ui/toolbar-snap.ui index 90fa6bd61..90fa6bd61 100644 --- a/share/ui/snap-toolbar.ui +++ b/share/ui/toolbar-snap.ui diff --git a/share/ui/tool-toolbar.ui b/share/ui/toolbar-tool.ui index a5dedad56..a5dedad56 100644 --- a/share/ui/tool-toolbar.ui +++ b/share/ui/toolbar-tool.ui |
