Comments (3)
Hi.This is a matter of resolution scaling. Leave your screen resolution here if you need it, and I'll let you know where to change it to the appropriate resolution. For some reason EWW is not yet able to adapt the layout to the resolution (maybe in the future, but there is no good solution at the moment)
quickly fix:
Config File | Name | Command |
---|---|---|
eww.yuck | bar_left: | eww -c ~/.config/eww/mybar open bar_left |
eww.yuck | bar_center: | eww -c ~/.config/eww/mybar open bar_center |
eww.yuck | bar_right: | eww -c ~/.config/eww/mybar open bar_right |
polybar_tray.ini | polybar_tray: | polybar -c ~/.config/eww/mybar/polybar_tray.ini tray |
All Config PATH: ~/.config/eww/mybar/*
In this dot, the EWW Bar consists of the four sections above.
step 1 -- Change the Polybar Tray size and position(~/.config/eww/mybar/polybar_tray.ini):
;; (available in px and%,defualt is px)
width = 200 ;; Tray width
height = 40 ;; Tray width
offset-x = 1675 ;; The position of the leftmost pixel of the tray relative to the screen resolution
offset-y = 25 ;; The position of the top pixel of the tray relative to the screen resolution
tray-offset-x = 20 ;; The x axis offset value
;; tray on the left side of the final location = offset-x + tray-offset-x
step 2: Change the location and size of the EWW Bar (~/.config/eww/mybar/eww.yuck)
Because of the EWW itself, there are a lot of things that need to be changed here, including the size and location of each part element
E.G. : bar_left
This is where it was before the change:
Suppose I have a resolution of 960x1200:
- Open eww.yuck find the
bar_left
:x "1%"
:y "1.5%"
:width "11%"
:height "4%"
;; search: image-height
;;:image-height 40
:image-height 20
;;:image-width 40
:image-width 20
- Open eww.scss
Change the size of the related element
.workspace_buttons
:
//font-size: 30px;
font-size: 15px;
.layout
:
//font-size: 25;
font-size:15;
.media_title
:
//font-size: 16px;
font-size: 8px;
.bar_normal scale trough {
//min-width: 173px;
min-width: 86px;
This is not perfect, of course, and the margins of each element can be fine-tuned.
from dots-2.0.
You may also need to adjust the height of the application window, which is the height BSPWM leaves for the EWW bar at the top of the screen:
Open ~/.config/bspwm/bspwmrc
#bspc config top_padding 70
bspc config top_padding 50 # or other
from dots-2.0.
I just wanna mention that the screenshot at the top made me realize that the left bar was one pixel taller than the other two, fixed it now in 64d2b22
But yeah, sadly eww
(and other programs used in my rice) provides no real way to make a 100% adaptive configuration for different screen sizes.
That's why in the README I say:
Please note that this rice was made for a single 1080p monitor setup, If you have anything different than that you'll have to tweak some things on your own.
As for the missing elements, they're not really missing, it's just that the central bar is covering them on the right bar (also due to screen resolution)
Thanks @awarewen for providing a list of everything that needs to be changed regarding eww
Will be closing as I think the instructions are clear but you're free to reopen the issue if you need more help
from dots-2.0.
Related Issues (20)
- (Recommended) About lock screen HOT 3
- (Question) Installation instructions for beginners HOT 22
- (Suggestion) : Use `light` instead of `brightlight` HOT 2
- eww.yuck resets itself HOT 5
- General interface troubles (ussage gauges, sound notification, powermenu problem) HOT 7
- Should find a more quick and intuitive way of change the wallpaper HOT 8
- "Phantom" window when BSPWM restarts HOT 6
- Post-Installation help HOT 3
- Login/Lock screen HOT 3
- Login screen? HOT 1
- Brightness controls stuck at 17% HOT 2
- Eww widgets problem on a 1366*768 monitor HOT 16
- Rofi config HOT 1
- Question for noob!? HOT 21
- Dunstrc is uneditable and top padding doesn't work correctly HOT 2
- Fix rofi details HOT 3
- Nothing works, only wallpaper shown HOT 4
- I'm extremely dumb, please explain how the install works (I think it's haunted) HOT 1
- Hyprland Compatibility HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dots-2.0.