tyiu/notedeck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

android: hover post button when narrow

Browse Source 
Signed-off-by: William Casarin <jb55@jb55.com>
This commit is contained in:
William Casarin
2025-03-11 16:08:34 -07:00
parent 7d916805bc
commit 771537a4f6
5 changed files with 93 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
crates/notedeck_columns/src/ui/side_panel.rs
View File

@@ -1,6 +1,4 @@
use egui::{
vec2, Color32, InnerResponse, Layout, Margin, RichText, ScrollArea, Separator, Stroke, Widget,
};
use egui::{vec2, InnerResponse, Layout, Margin, RichText, ScrollArea, Separator, Stroke, Widget};
use tracing::{error, info};
use crate::{
@@ -97,7 +95,10 @@ impl<'a> DesktopSidePanel<'a> {
let is_interactive = self
.selected_account
.is_some_and(|s| s.key.secret_key.is_some());
let compose_resp = ui.add(compose_note_button(is_interactive, dark_mode));
let compose_resp = ui.add(crate::ui::post::compose_note_button(
is_interactive,
dark_mode,
));
let compose_resp = if is_interactive {
compose_resp
} else {
@@ -321,63 +322,6 @@ fn add_column_button(dark_mode: bool) -> impl Widget {
}
}
fn compose_note_button(interactive: bool, dark_mode: bool) -> impl Widget {
move |ui: &mut egui::Ui| -> egui::Response {
let max_size = ICON_WIDTH * ICON_EXPANSION_MULTIPLE; // max size of the widget
let min_outer_circle_diameter = 40.0;
let min_plus_sign_size = 14.0; // length of the plus sign
let min_line_width = 2.25; // width of the plus sign
let helper = if interactive {
AnimationHelper::new(ui, "note-compose-button", vec2(max_size, max_size))
} else {
AnimationHelper::no_animation(ui, vec2(max_size, max_size))
};
let painter = ui.painter_at(helper.get_animation_rect());
let use_background_radius = helper.scale_radius(min_outer_circle_diameter);
let use_line_width = helper.scale_1d_pos(min_line_width);
let use_edge_circle_radius = helper.scale_radius(min_line_width);
let fill_color = if interactive {
colors::PINK
} else {
ui.visuals().noninteractive().bg_fill
};
painter.circle_filled(helper.center(), use_background_radius, fill_color);
let min_half_plus_sign_size = min_plus_sign_size / 2.0;
let north_edge = helper.scale_from_center(0.0, min_half_plus_sign_size);
let south_edge = helper.scale_from_center(0.0, -min_half_plus_sign_size);
let west_edge = helper.scale_from_center(-min_half_plus_sign_size, 0.0);
let east_edge = helper.scale_from_center(min_half_plus_sign_size, 0.0);
let icon_color = if !dark_mode && !interactive {
Color32::BLACK
} else {
Color32::WHITE
};
painter.line_segment(
[north_edge, south_edge],
Stroke::new(use_line_width, icon_color),
);
painter.line_segment(
[west_edge, east_edge],
Stroke::new(use_line_width, icon_color),
);
painter.circle_filled(north_edge, use_edge_circle_radius, Color32::WHITE);
painter.circle_filled(south_edge, use_edge_circle_radius, Color32::WHITE);
painter.circle_filled(west_edge, use_edge_circle_radius, Color32::WHITE);
painter.circle_filled(east_edge, use_edge_circle_radius, Color32::WHITE);
helper.take_animation_response()
}
}
pub fn search_button() -> impl Widget {
|ui: &mut egui::Ui| -> egui::Response {
let max_size = ICON_WIDTH * ICON_EXPANSION_MULTIPLE; // max size of the widget