From 67ad7d8bd40907496da137537096428a4c2cde4f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rafa=C5=82=20Dzi=C4=99giel?= Date: Fri, 19 Feb 2021 20:26:59 +0100 Subject: [PATCH] Add separator to linked buttons --- css/styles.css | 4 ++++ src/headerbarBase.js | 6 ++++++ 2 files changed, 10 insertions(+) diff --git a/css/styles.css b/css/styles.css index bf7cee06..2a581f8a 100644 --- a/css/styles.css +++ b/css/styles.css @@ -21,6 +21,10 @@ radio { .osdheaderbar button { border: transparent; } +.linkseparator { + background: alpha(@borders, 0.75); + min-width: 1px; +} /* Non-osd style for popover menu */ .menupopover label { color: @theme_text_color; diff --git a/src/headerbarBase.js b/src/headerbarBase.js index ed59fb02..3f3a2811 100644 --- a/src/headerbarBase.js +++ b/src/headerbarBase.js @@ -55,6 +55,12 @@ class ClapperHeaderBarBase extends Gtk.Box ); this.extraButtonsBox.append(floatButton); + const separator = new Gtk.Separator({ + orientation: Gtk.Orientation.VERTICAL, + }); + separator.add_css_class('linkseparator'); + this.extraButtonsBox.append(separator); + const fullscreenButton = new Gtk.Button({ icon_name: 'view-fullscreen-symbolic', });