diff --git a/data/Makefile.am b/data/Makefile.am index eee6b2d51..2196b0942 100644 --- a/data/Makefile.am +++ b/data/Makefile.am @@ -17,6 +17,7 @@ imagedir = $(pkgdatadir)/images dist_image_DATA = \ add-workspace.svg \ close.svg \ + close-black.svg \ info.svg \ magnifier.svg \ remove-workspace.svg diff --git a/data/close-black.svg b/data/close-black.svg new file mode 100644 index 000000000..1443bb8b8 --- /dev/null +++ b/data/close-black.svg @@ -0,0 +1,66 @@ + + + +image/svg+xml + + \ No newline at end of file diff --git a/data/magnifier.svg b/data/magnifier.svg index 836ee6998..31eff887a 100644 --- a/data/magnifier.svg +++ b/data/magnifier.svg @@ -9,13 +9,13 @@ 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" + version="1.0" id="Foreground" x="0px" y="0px" - width="29px" - height="18px" - viewBox="0 0 29 18" + width="18" + height="18" + viewBox="0 0 18 18" enable-background="new 0 0 29 18" xml:space="preserve" sodipodi:version="0.32" @@ -24,7 +24,7 @@ inkscape:output_extension="org.inkscape.output.svg.inkscape">image/svg+xml + style="fill:#ffffff;fill-opacity:1" + transform="translate(-4,-0.023114)"> + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd" /> \ No newline at end of file diff --git a/js/ui/dash.js b/js/ui/dash.js index 8e1c928bc..a96efa059 100644 --- a/js/ui/dash.js +++ b/js/ui/dash.js @@ -233,11 +233,14 @@ function SearchEntry() { SearchEntry.prototype = { _init : function() { - this.actor = new Big.Box({ orientation: Big.BoxOrientation.HORIZONTAL, - y_align: Big.BoxAlignment.CENTER, + this.actor = new Big.Box({ padding: DEFAULT_PADDING, border_bottom: SECTION_BORDER, border_color: SEARCH_BORDER_BOTTOM_COLOR, - reactive: true }); + corner_radius: DASH_CORNER_RADIUS, + reactive: true }); + let box = new Big.Box({ orientation: Big.BoxOrientation.HORIZONTAL, + y_align: Big.BoxAlignment.CENTER }); + this.actor.append(box, Big.BoxPackFlags.EXPAND); this.actor.connect('button-press-event', Lang.bind(this, function () { this._resetTextState(true); return false; @@ -259,7 +262,7 @@ SearchEntry.prototype = { this.entry.connect('notify::text', Lang.bind(this, function () { this._resetTextState(false); })); - this.actor.append(this.entry, Big.BoxPackFlags.EXPAND); + box.append(this.entry, Big.BoxPackFlags.EXPAND); // Mark as editable just to get a cursor let defaultTextProperties = { ellipsize: Pango.EllipsizeMode.END, @@ -270,20 +273,21 @@ SearchEntry.prototype = { single_line_mode: true }; Lang.copyProperties(textProperties, defaultTextProperties); this._defaultText = new Clutter.Text(defaultTextProperties); - this.actor.add_actor(this._defaultText); + box.add_actor(this._defaultText); this.entry.connect('notify::allocation', Lang.bind(this, function () { this._repositionDefaultText(); })); this._iconBox = new Big.Box({ x_align: Big.BoxAlignment.CENTER, - y_align: Big.BoxAlignment.CENTER }); - this.actor.append(this._iconBox, Big.BoxPackFlags.END); + y_align: Big.BoxAlignment.CENTER, + padding_right: 4 }); + box.append(this._iconBox, Big.BoxPackFlags.END); let global = Shell.Global.get(); let magnifierUri = "file://" + global.imagedir + "magnifier.svg"; this._magnifierIcon = Shell.TextureCache.get_default().load_uri_sync(Shell.TextureCachePolicy.FOREVER, - magnifierUri, 29, 18); - let closeUri = "file://" + global.imagedir + "close.svg"; + magnifierUri, 18, 18); + let closeUri = "file://" + global.imagedir + "close-black.svg"; this._closeIcon = Shell.TextureCache.get_default().load_uri_sync(Shell.TextureCachePolicy.FOREVER, closeUri, 18, 18); this._closeIcon.reactive = true;