leyoda/cosmic-applets
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix styling and desktop files

Browse source
This commit is contained in:
Ashley Wulber 2022-05-26 15:37:59 -04:00
parent 1958341a72
commit 8df3019973
No known key found for this signature in database
GPG key ID: BCD0B777C3F6E2FD
10 changed files with 138 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

15
applets/cosmic-applet-graphics/src/main.rs
View file

@ -54,20 +54,22 @@ fn row_clicked(_: &ListBox, row: &ListBoxRow) {
}
fn build_ui(application: &gtk4::Application) {
let provider = CssProvider::new();
let provider = gtk4::CssProvider::new();
provider.load_from_data(include_bytes!("style.css"));
StyleContext::add_provider_for_display(
&Display::default().expect("Could not connect to a display."),
gtk4::StyleContext::add_provider_for_display(
&gtk4::gdk::Display::default().expect("Could not connect to a display."),
&provider,
STYLE_PROVIDER_PRIORITY_APPLICATION,
gtk4::STYLE_PROVIDER_PRIORITY_APPLICATION,
);
let window = gtk4::ApplicationWindow::builder()
.application(application)
.title("COSMIC Graphics Applet")
.default_width(1)
.default_height(1)
.decorated(false)
.resizable(false)
.width_request(1)
.height_request(1)
.css_classes(vec!["root_window".to_string()])
.build();
let config = CosmicPanelConfig::load_from_env().unwrap_or_default();
let popover = gtk4::builders::PopoverBuilder::new()
@ -93,6 +95,7 @@ fn build_ui(application: &gtk4::Application) {
icon_box = gtk4::Box {
set_orientation: Orientation::Vertical,
set_spacing: 0,
add_css_class: "icon_box",
}
}

29
applets/cosmic-applet-graphics/src/style.css
View file

@ -2,3 +2,32 @@
background-color: #2f2f2f;
opacity: 0.85;
}
image.panel_icon {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
button.panel_icon {
border-radius: 12px;
transition: 100ms;
padding: 4px;
border-color: transparent;
background: transparent;
outline-color: transparent;
}
button.panel_icon:hover {
border-radius: 12px;
transition: 100ms;
padding: 4px;
border-color: rgba(255, 255, 255, 0.1);
outline-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
}
window.root_window {
background: transparent;
}