Commit Graph
75 Commits
Author SHA1 Message Date
Hari Rana 27b4237410 css: Reduce week number background opacity
The week numbers' foreground and background colors are relatively
low in contrast; decreasing the background color's opacity heavily
helps with contrast.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/624>
2025-08-18 20:00:19 -04:00
Hari Rana 6252069d26 css: Adjust week number borders
We should generally avoid setting padding without subtracting with
the border width. On high contrast style, week numbers receive a
1px border width without subtracting it from the padding. This
causes a layout shift and makes the sidebar wider.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/624>
2025-08-18 20:00:19 -04:00
Hari Rana 534fb3a83c gui: Update to libadwaita's custom properties and style classes
Fixes https://gitlab.gnome.org/GNOME/gnome-calendar/-/issues/1440

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/624>
2025-08-18 19:59:43 -04:00
Hari Rana f887ea10f8 css: Remove unused style classes
Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/624>
2025-08-18 18:37:29 -04:00
Hari Rana 8889139b82 gui/month-view: Use dimmed style class
Instead of manually setting the font color for the month view's
week header, the `dimmed` style class dims labels according to the
HIG while simultaneously accommodating high contrast users.

Fixes https://gitlab.gnome.org/GNOME/gnome-calendar/-/issues/1437

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/624>
2025-08-18 18:37:29 -04:00
Philipp Sauberzweig cec8a66e88 gui/event-widget: Update event widget style
This significantly changes the border radius of event widgets, as
well as their edge, background, and foreground colors.

Related: https://gitlab.gnome.org/GNOME/gnome-calendar/-/issues/1433
Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/621>
2025-08-01 18:25:48 -04:00
Hari Rana 576c82b060 event-editor/multi-choice: Add focus ring around the entire widget
The current behavior of the widget makes it so keyboard focus
outlines the toggle button rather than the entire widget. In some
cases, the outline touches the edges of the label, which makes it
look cramped.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/616>
2025-07-19 17:55:11 -04:00
Hari Rana 684ed71711 css: Rework month view's box shadows
This makes the box shadows permanent.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/604>
2025-07-08 14:08:37 +00:00
Hari Rana 11ac0e43e8 css: Use box shadow for month cells
This is probably a better approach for getting month separators,
because box shadows don't affect the layout, unlike borders. Since
GtkStyleContext is deprecated, it makes more sense to use properties
that don't have any side effects with physical size.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/601>
2025-07-05 18:05:04 -04:00
Hari Rana 4ec25d8775 reminders-section: Add focus ring
Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/399>
2025-06-29 01:03:00 +00:00
Hari Rana f40ed5b90c reminders-section: Modernize popover
This makes the alarms popover look much closer to the AdwComboRow widget.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/399>
2025-06-29 01:03:00 +00:00
Markus Göllnitz 05eb46511f week-view: add border around scrolled main area for distiction from toolbar
Currently, at the top there is an always visible border
which, due to having the same colour as the drop shadow,
slightly interferes with how the drop shadow looks, while
more severely, the bottom bar's start is not easily
distinguishable from the week grid's end, as there is
no border at all.

Styling the scrolled content itself with a border
elegantly solves these two issues, because now a drop
shadow is drawn when scrolling in a direction is
possible, and a border is drawn otherwise.

Closes: https://gitlab.gnome.org/GNOME/gnome-calendar/-/issues/1406

Signed-off-by: Markus Göllnitz <camelcasenick@bewares.it>
Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/593>
2025-06-11 06:14:13 +02:00
Markus Göllnitz c03c501888 month-view: fix undershoot for new bottom bar
This adds the same styling as .undershoot-bottom would
while scrolling and adjusts the size allocation of month
rows, so that the top border of the month row right below
the last one is already visible.

Link: https://gitlab.gnome.org/GNOME/libadwaita/-/blob/649967044e269a0118ae09a9ff0ecba90cc58300/src/stylesheet/_drawing.scss#L57

Signed-off-by: Markus Göllnitz <camelcasenick@bewares.it>
Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/542>
2025-06-08 09:59:00 +00:00
Markus Göllnitz df182ed942 calendar-button: change widget to standalone list for sidebar
The sync entry is dropped here in favour of one in the
main menu.

Signed-off-by: Markus Göllnitz <camelcasenick@bewares.it>
Part-of: <https://gitlab.gnome.org/GNOME/gnome-calendar/-/merge_requests/542>
2025-06-08 09:59:00 +00:00
Hari Rana 02a7b13043 gui/event-widget: Add focus ring 2025-04-30 21:44:46 -03:00
Hari Rana 0aaf13626c views/agenda: Only focus rows
This is to avoid selecting the event widget twice, while still
being able to use the GtkListBoxRow's features.
2025-04-30 21:43:43 -03:00
Hari Rana 336ecd9ec3 css: Add focus ring custom properties
The values were mostly copied from libadwaita's, but with the
intention to easily add focus rings to custom widgets if desired.
2025-04-21 13:32:50 -04:00
Hari Rana 9281b1b964 css: Use CSS variables for linear gradients 2025-04-19 15:49:02 -04:00
Hari Rana 155664b67c css: Rewrite monthcell section 2025-04-19 10:40:26 -04:00
Hari Rana 5cd917f0ed css: Consistently indent CSS 2025-04-18 23:30:37 -04:00
Hari Rana aa343688cd css: Adjust placements to avoid re-declaring properties 2025-04-18 23:29:24 -04:00
Hari Rana c24c486130 css: Remove unnecessary declarations 2025-04-18 23:29:24 -04:00
Hari Rana 53bb697812 css: Port to custom properties 2025-04-18 23:29:17 -04:00
Georges Basile Stavracas Neto 5ac19000ea views/week: Use a separator instead of custom CSS 2025-04-04 21:00:30 -03:00
Georges Basile Stavracas Neto f336b142f4 views/week: Reimplement arrow changes with CSS 2025-04-04 21:00:30 -03:00
Georges Basile Stavracas Neto 65f793b59e views/week: Use widget for DnD 2025-04-04 21:00:29 -03:00
Georges Basile Stavracas Neto cbfada052d views/week: Use widget to draw selection
Same as week grid.
2025-04-04 21:00:29 -03:00
Georges Basile Stavracas Neto 81e881caa9 views/week: Use widget for drop target indicator
Gets rid of a few warnings
2025-03-19 19:23:57 -03:00
Georges Basile Stavracas Neto 69ac7468e2 views/week: Replace selection rendering with widget
Should get rid of a few warnings. No functional changes.
2025-03-19 19:23:57 -03:00
Georges Basile Stavracas Neto 2c3eceaa48 style: Use CSS variable for event radius 2024-11-06 10:40:32 -03:00
Georges Basile Stavracas Neto 963e6a28dd style: Remove unused CSS style 2024-11-06 10:24:18 -03:00
Jamie Gravendeel b3b6c5fd5d style: Bump 6px border radii to 9px
See https://gitlab.gnome.org/GNOME/libadwaita/-/commit/d450cb30c59694f604d4396993281797035bc51c
2024-11-06 13:21:57 +00:00
Diego Iván dfc5a9b970 drop-overlay: Introduce GcalDropOverlay
A new widget to perform drag and drop operations, for example,
dropping ICS files to the GcalWindow. It allows to overlay
a child for visual feedback when a DnD operation is done.

either in the main window or in the import dialog,
depending on whether none could be imported, or just some
of them.

It is based on Loupe's DragOverlay widget.

Closes #1257
2024-08-05 12:31:31 -03:00
Georges Basile Stavracas Neto de5f663373 style: Use CSS variables for event widget styling
This vastly simplifies the code!
2024-06-11 17:22:35 -03:00
pbone64 473dd7a0e6 mini-calendar: Increase non-workday text contrast.
Fixes #1244
2024-06-10 20:16:40 -05:00
Sam Hewitt f687aa5b3b datechooser: Update day text styles for readability
- sync the visuals with that of the mini-calendar in the Shell
- make other month days more visible/have greater contrast
2024-05-21 11:22:17 -02:30
Hari Rana 5a2747098b style: Define all month cells
This fixes an issue on the dark style preference where selecting cells would cause the month separators to lose their color. The dark style would override the month cells, which would higher its specificity, and thus would prioritize it over the selectors. This commit places everything in order, so we can freely define colors without playing with specificity.
2024-01-27 14:14:32 -05:00
Georges Basile Stavracas Neto 1114e566d9 style: Update month border colors
Use a defined color for that, and make them more in line with the
Adwaita style.
2024-01-27 13:36:28 -03:00
Hari Rana a3ac698e60 month-cell: Add month separators 2024-01-27 16:14:17 +00:00
Jean-François Fortin Tam c0e258b6e4 style: Harmonize the mini calendar's week numbers with GNOME Shell
Make the week numbers a bit clearer to look at in the mini calendar,
differentiating them from day numbers so it's easier to tell them apart.

The style is loosely inspired from GNOME Shell's calendar widget,
but retains GNOME Calendar's more compact layout.

Closes: https://gitlab.gnome.org/GNOME/gnome-calendar/-/issues/378
Related: https://gitlab.gnome.org/GNOME/gnome-calendar/-/issues/934
2023-12-13 20:33:58 -05:00
Sam Hewitt b7e04c561e style: Fix papercuts in the calendar cell style 2023-09-05 13:07:25 -02:30
Georges Basile Stavracas Neto ec840fbab9 style: Improve selection visuals of month cells
Add specific CSS rules for the selected state, and make it a bit
more prominent.
2023-08-17 21:22:49 -03:00
Georges Basile Stavracas Neto b8b1db7bcd style: Improve out-of-month day cell visuals
Make them more easily recognizable.
2023-08-16 21:21:47 -03:00
Georges Basile Stavracas Neto 77f355ed53 month-cell: Small style improvements
As suggested by Allan.
2023-08-11 15:13:44 -03:00
Georges Basile Stavracas Neto 80efa6fd26 style: Improve day cell visuals 2023-08-11 15:13:44 -03:00
Georges Basile Stavracas Neto a527bbe5dc views: Sketch out new month view
Nothing really works here, this is very WIP. It doesn't even show
events. Let's build from here.
2023-08-11 15:13:44 -03:00
Christopher Davis 11abf3460b style: Use darker color for .current-week 2023-06-17 20:18:07 +00:00
Christopher Davis 34bf2f8e50 window: Use AdwNavigationSplitView and AdwBreakpoint
Replaces our leaflet with the new AdwNavigationSplitView
widget and AdwBreakpoint.
2023-06-17 20:18:07 +00:00
Georges Basile Stavracas Neto 3c672e0784 Move sync indicator into a separate widget
And move the new widget into the headerbar itself, instead of
the calendars button.
2023-05-23 19:01:19 -03:00
Alexander Mikhaylenko 31bb78155a style: Fix source button styles
- Port the style to GTK4 and remove obsolete styles
- Fix double border in high contrast
- Update for libadwaita toolbar margin changes
2023-04-22 10:15:03 +00:00