Open littleblack111 opened 2 months ago
Version: 1.7.5+wayland3
https://gist.github.com/littleblack111/2703bf15955be29c4c0848a14c2f1488
https://gist.github.com/littleblack111/0ebb4899736f66cf26e14f8905fab9c4
No response
rofi -show drun -theme $HOME/.config/rofi/launcher.rasi
swap from rofi to rofi-wayland run it
Have the same size and have rounded cornors like the normal rofi version
have a much bigger size? and no rounded corners
this is the rasi: /----- Configuration -----/ configuration { modi: "drun,run,filebrowser,window"; show-icons: true; display-drun: " Apps"; display-run: " Run"; display-filebrowser: " Files"; display-window: " Windows"; drun-display-format: "{name}"; window-format: "{c} · {t}"; }
/----- Global Properties -----/ @import "shared/colors.rasi" @import "shared/fonts.rasi"
/----- Main Window -----/ window { / properties for window widget / transparency: "real"; location: center; anchor: center; fullscreen: false; width: 1200px; x-offset: 0px; y-offset: 0px;
/* properties for all widgets */ enabled: true; margin: 0px; padding: 0px; border: 1px solid; border-radius: 0px; border-color: @border-colour; cursor: "default"; /* Backgroud Colors */ background-color: @background-colour; /* Backgroud Image */ //background-image: url("/path/to/image.png", none); /* Simple Linear Gradient */ //background-image: linear-gradient(red, orange, pink, purple); /* Directional Linear Gradient */ //background-image: linear-gradient(to bottom, pink, yellow, magenta); /* Angle Linear Gradient */ //background-image: linear-gradient(45, cyan, purple, indigo);
}
/----- Main Box -----/ mainbox { enabled: true; spacing: 10px; margin: 0px; padding: 20px; border: 0px solid; border-radius: 0px 0px 0px 0px; border-color: @border-colour; background-color: transparent; children: [ "inputbar", "message", "listview", "mode-switcher" ]; }
/----- Inputbar -----/ inputbar { enabled: true; spacing: 10px; margin: 0px; padding: 0px 0px 8px 0px; border: 0px 0px 1px 0px; border-radius: 2px 2px 2px 2px; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; children: [ "textbox-prompt-colon", "entry" ]; }
prompt { enabled: true; background-color: inherit; text-color: inherit; } textbox-prompt-colon { enabled: true; padding: 0px; expand: false; str: ""; background-color: inherit; text-color: inherit; } entry { enabled: true; padding: 0px; background-color: inherit; text-color: inherit; cursor: text; placeholder: "Search..."; placeholder-color: inherit; } num-filtered-rows { enabled: true; expand: false; background-color: inherit; text-color: inherit; } textbox-num-sep { enabled: true; expand: false; str: "/"; background-color: inherit; text-color: inherit; } num-rows { enabled: true; expand: false; background-color: inherit; text-color: inherit; } case-indicator { enabled: true; background-color: inherit; text-color: inherit; }
/----- Listview -----/ listview { enabled: true; columns: 1; lines: 14; cycle: true; dynamic: true; scrollbar: true; layout: vertical; reverse: false; fixed-height: true; fixed-columns: true;
spacing: 5px; margin: 0px; padding: 0px; border: 0px solid; border-radius: 6px 6px 6px 6px; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; cursor: "default";
} scrollbar { handle-width: 5px ; handle-color: @handle-colour; border-radius: 16px 16px 16px 16px; background-color: @alternate-background; }
/----- Elements -----/ element { enabled: true; spacing: 10px; margin: 0px; padding: 6px; border: 0px solid; border-radius: 0px; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; cursor: pointer; } element normal.normal { ----background-color: var(normal-background); background-color: @alternate-background; background-color: @alternate-background; text-color: var(normal-foreground); } element normal.urgent { background-color: var(urgent-background); text-color: var(urgent-foreground); } element normal.active { background-color: var(active-background); text-color: var(active-foreground); } element selected.normal { background-color: var(selected-normal-background); text-color: var(selected-normal-foreground); } element selected.urgent { background-color: var(selected-urgent-background); text-color: var(selected-urgent-foreground); } element selected.active { background-color: var(selected-active-background); text-color: var(selected-active-foreground); } element alternate.normal { background-color: @alternate-background; --background-color: @alternate-background; --background-color: var(alternate-normal-background); text-color: var(alternate-normal-foreground); } element alternate.urgent { background-color: var(alternate-urgent-background); text-color: var(alternate-urgent-foreground); } element alternate.active { background-color: var(alternate-active-background); text-color: var(alternate-active-foreground); } element-icon { background-color: transparent; text-color: inherit; size: 24px; cursor: inherit; } element-text { background-color: transparent; text-color: inherit; highlight: inherit; cursor: inherit; vertical-align: 0.5; horizontal-align: 0.0; }
/----- Mode Switcher -----/ mode-switcher{ enabled: true; spacing: 10px; margin: 0px; padding: 0px; border: 0px solid; border-radius: 6px 6px 6px 6px; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; } button { padding: 8px 12px; border: 0px solid; border-radius: 0px; border-color: @border-colour; background-color: @alternate-background; text-color: inherit; cursor: pointer; } button selected { background-color: var(selected-normal-background); text-color: var(selected-normal-foreground); }
/----- Message -----/ message { enabled: true; margin: 0px; padding: 8px 12px; border: 0px solid; border-radius: 0px; border-color: @border-colour; background-color: @alternate-background; text-color: @foreground-colour; } textbox { border: 0px solid; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; vertical-align: 0.5; horizontal-align: 0.0; highlight: none; placeholder-color: @foreground-colour; blink: true; markup: true; } error-message { padding: 20px; border: 0px solid; border-radius: 0px; border-color: @border-colour; background-color: @background-colour; text-color: @foreground-colour; }
Rofi version (rofi -v or git commit in case of build issue)
Version: 1.7.5+wayland3
Configuration
https://gist.github.com/littleblack111/2703bf15955be29c4c0848a14c2f1488
Theme
https://gist.github.com/littleblack111/0ebb4899736f66cf26e14f8905fab9c4
Timing report
No response
Launch command
rofi -show drun -theme $HOME/.config/rofi/launcher.rasi
Step to reproduce
swap from rofi to rofi-wayland run it
Expected behavior
Have the same size and have rounded cornors like the normal rofi version
Actual behavior
have a much bigger size? and no rounded corners
Additional information
this is the rasi: /----- Configuration -----/ configuration { modi: "drun,run,filebrowser,window"; show-icons: true; display-drun: " Apps"; display-run: " Run"; display-filebrowser: " Files"; display-window: " Windows"; drun-display-format: "{name}"; window-format: "{c} · {t}"; }
/----- Global Properties -----/ @import "shared/colors.rasi" @import "shared/fonts.rasi"
/----- Main Window -----/ window { / properties for window widget / transparency: "real"; location: center; anchor: center; fullscreen: false; width: 1200px; x-offset: 0px; y-offset: 0px;
}
/----- Main Box -----/ mainbox { enabled: true; spacing: 10px; margin: 0px; padding: 20px; border: 0px solid; border-radius: 0px 0px 0px 0px; border-color: @border-colour; background-color: transparent; children: [ "inputbar", "message", "listview", "mode-switcher" ]; }
/----- Inputbar -----/ inputbar { enabled: true; spacing: 10px; margin: 0px; padding: 0px 0px 8px 0px; border: 0px 0px 1px 0px; border-radius: 2px 2px 2px 2px; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; children: [ "textbox-prompt-colon", "entry" ]; }
prompt { enabled: true; background-color: inherit; text-color: inherit; } textbox-prompt-colon { enabled: true; padding: 0px; expand: false; str: ""; background-color: inherit; text-color: inherit; } entry { enabled: true; padding: 0px; background-color: inherit; text-color: inherit; cursor: text; placeholder: "Search..."; placeholder-color: inherit; } num-filtered-rows { enabled: true; expand: false; background-color: inherit; text-color: inherit; } textbox-num-sep { enabled: true; expand: false; str: "/"; background-color: inherit; text-color: inherit; } num-rows { enabled: true; expand: false; background-color: inherit; text-color: inherit; } case-indicator { enabled: true; background-color: inherit; text-color: inherit; }
/----- Listview -----/ listview { enabled: true; columns: 1; lines: 14; cycle: true; dynamic: true; scrollbar: true; layout: vertical; reverse: false; fixed-height: true; fixed-columns: true;
} scrollbar { handle-width: 5px ; handle-color: @handle-colour; border-radius: 16px 16px 16px 16px; background-color: @alternate-background; }
/----- Elements -----/ element { enabled: true; spacing: 10px; margin: 0px; padding: 6px; border: 0px solid; border-radius: 0px; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; cursor: pointer; } element normal.normal { ----background-color: var(normal-background); background-color: @alternate-background; background-color: @alternate-background; text-color: var(normal-foreground); } element normal.urgent { background-color: var(urgent-background); text-color: var(urgent-foreground); } element normal.active { background-color: var(active-background); text-color: var(active-foreground); } element selected.normal { background-color: var(selected-normal-background); text-color: var(selected-normal-foreground); } element selected.urgent { background-color: var(selected-urgent-background); text-color: var(selected-urgent-foreground); } element selected.active { background-color: var(selected-active-background); text-color: var(selected-active-foreground); } element alternate.normal { background-color: @alternate-background; --background-color: @alternate-background; --background-color: var(alternate-normal-background); text-color: var(alternate-normal-foreground); } element alternate.urgent { background-color: var(alternate-urgent-background); text-color: var(alternate-urgent-foreground); } element alternate.active { background-color: var(alternate-active-background); text-color: var(alternate-active-foreground); } element-icon { background-color: transparent; text-color: inherit; size: 24px; cursor: inherit; } element-text { background-color: transparent; text-color: inherit; highlight: inherit; cursor: inherit; vertical-align: 0.5; horizontal-align: 0.0; }
/----- Mode Switcher -----/ mode-switcher{ enabled: true; spacing: 10px; margin: 0px; padding: 0px; border: 0px solid; border-radius: 6px 6px 6px 6px; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; } button { padding: 8px 12px; border: 0px solid; border-radius: 0px; border-color: @border-colour; background-color: @alternate-background; text-color: inherit; cursor: pointer; } button selected { background-color: var(selected-normal-background); text-color: var(selected-normal-foreground); }
/----- Message -----/ message { enabled: true; margin: 0px; padding: 8px 12px; border: 0px solid; border-radius: 0px; border-color: @border-colour; background-color: @alternate-background; text-color: @foreground-colour; } textbox { border: 0px solid; border-color: @border-colour; background-color: transparent; text-color: @foreground-colour; vertical-align: 0.5; horizontal-align: 0.0; highlight: none; placeholder-color: @foreground-colour; blink: true; markup: true; } error-message { padding: 20px; border: 0px solid; border-radius: 0px; border-color: @border-colour; background-color: @background-colour; text-color: @foreground-colour; }
Using wayland display server protocol
I've checked if the issue exists in the latest stable release