zedfrigg/ironbar
1
0
Fork 0
mirror of https://github.com/Zedfrigg/ironbar.git synced 2025-07-01 18:51:04 +02:00
Code Activity

feat: add widget and widget-container css classes on all widgets

Browse source
This commit is contained in:
Jake Stanger 2023-09-05 22:37:58 +01:00
parent 5bc7b7f317
commit 60bb69feec
No known key found for this signature in database
GPG key ID: C51FC8F9CB0BEA61
2 changed files with 15 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

20
docs/Styling guide.md
View file

@ -10,15 +10,17 @@ which only includes a subset of the full web spec (plus a few non-standard prope
The below table describes the selectors provided by the bar itself. The below table describes the selectors provided by the bar itself.
Information on styling individual modules can be found on their pages in the sidebar. Information on styling individual modules can be found on their pages in the sidebar.
| Selector | Description | | Selector | Description |
|----------------|--------------------------------------------| |---------------------|--------------------------------------------|
| `.background` | Top-level window. | | `.background` | Top-level window. |
| `#bar` | Bar root box. | | `#bar` | Bar root box. |
| `#bar #start` | Bar left or top modules container box. | | `#bar #start` | Bar left or top modules container box. |
| `#bar #center` | Bar center modules container box. | | `#bar #center` | Bar center modules container box. |
| `#bar #end` | Bar right or bottom modules container box. | | `#bar #end` | Bar right or bottom modules container box. |
| `.container` | All of the above. | | `.container` | All of the above. |
| `.popup` | Any popup box. | | `.widget-container` | The `EventBox` wrapping any widget. |
| `.widget` | Any widget. |
| `.popup` | Any popup box. |
Every widget can be selected using a `kebab-case` class name matching its name. Every widget can be selected using a `kebab-case` class name matching its name.
You can also target popups by prefixing `popup-` to the name. For example, you can use `.clock` and `.popup-clock` respectively. You can also target popups by prefixing `popup-` to the name. For example, you can use `.clock` and `.popup-clock` respectively.

5
src/modules/mod.rs
View file

@ -206,7 +206,8 @@ where
let instance_name = name.unwrap_or_else(|| module_name.to_string()); let instance_name = name.unwrap_or_else(|| module_name.to_string());
let module_parts = module.into_widget(context, info)?; let module_parts = module.into_widget(context, info)?;
module_parts.widget.style_context().add_class(module_name); module_parts.widget.add_class("widget");
module_parts.widget.add_class(module_name);
let has_popup = if let Some(popup_content) = module_parts.popup.clone() { let has_popup = if let Some(popup_content) = module_parts.popup.clone() {
popup_content popup_content
@ -376,6 +377,8 @@ pub fn wrap_widget<W: IsA<Widget>>(
revealer.set_reveal_child(true); revealer.set_reveal_child(true);
let container = EventBox::new(); let container = EventBox::new();
container.add_class("widget-container");
container.add_events(EventMask::SCROLL_MASK); container.add_events(EventMask::SCROLL_MASK);
container.add(&revealer); container.add(&revealer);