13 Commits

Author SHA1 Message Date
2c2347e3ff Reduce the contrast of the border at the bottom of change-view-buttons
Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/655>
2024-05-05 00:46:01 +02:00
466bc4beef Reduce layout-changes when switching views and make layouts more consistent
An input-device should generally not change shape/functionality during use,
unless there is a good reason for that and it is clearly indicated
when that happens, as otherwise it will be more complicated
and exhausting to use, and learn to use, the input-device.

To improve that, this commit will:

- Make it so that the space-bar, view-switching buttons, backspace-button,
  and return-button will not move around when switching views.

- Add placeholder-buttons and/or stretch buttons to fill gaps.

- Remove buttons that are duplicated in the same view.

- Add buttons for entering commas, on the base-views of some layouts.

- Make the shape of layouts fit into a rectangular space; usually
  without empty space.

- Align layouts more closely to the expected aspect-ratios, to reduce
  changes when switching between languages, and use more of the available
  space.

Other changes:

- `.`-buttons are generally not highlighted anymore.

- On the layouts `gr` and `gr+polytonic`, the highlighting for punctuation
  has been switched to `subtle-highlight` from `special`, so those can be
  visually distinguished from buttons with special functionality.

- The Spanish characters `ñ` and `Ñ` on the `French (Swiss)`-layout (ch+fr)
  were making the layout wider than it should be.
  As there was no other appropriate place for those buttons,
  and the layout is meant for entering French, not Spanish,
  those buttons have been removed from the layout.

Some layouts have been changed much:
- gr+polytonic (which requires more work, but it is much more usable now)
- ir

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/646>
2024-04-28 14:57:46 +02:00
bdb16a3890 Improve Japanese layout
- The button-styling has been adjusted, to make it easier to visually
  distinguish the view-changing buttons that switch to views with
  buttons for entering hiragana, katakana, symbols, and Latin letters.

- Easier switching between hiragana and katakana,
  and between symbols and punctuation.

- Added more placeholders to prevent layout-shifting.

- The base-shape is now sized properly on a 6" large display
  with a resolution of 720x1440 (PinePhone), without empty
  space next to it.

- The wide shape is now wider.

- The symbols- and punctuation-views switch back to the
  katakana-view when opened from it and "unlocking" the view
  by tapping multiple times on the view-changing button,
  instead of showing the hiragana-view.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/644>
2024-04-18 11:23:25 +02:00
5ac85d21b9 Add a button-style for subtle highlighting
and use it to subtly highlight commonly used symbols in the
accent-views of the German layouts.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/637>
2024-04-10 17:22:31 +02:00
583816a384 Add placeholder-buttons to emoji-layout
to enhance contrast between usable and unusable buttons.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/636>
2024-04-10 16:42:29 +02:00
31ad8f9c93 Add border at the bottom of view-changing buttons
to make those distinguishable from other highlighted buttons.

The border at the bottom makes it look like a stack of buttons
that will be put into position when tapping the view-changing buttons.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/635>
2024-04-08 21:16:23 +02:00
5452f16601 Adwaita:dark: Add visual feedback when pressing highlighted buttons
Before this change, buttons with the outlines "altline",
"wide" and "special" were not showing visual feedback when those
were pressed.

After this change, the visual feedback is similar to the default style.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/634>
2024-04-04 16:29:46 +02:00
8ec79428a9 data: Update stylesheet with upstream design
- adjust main font size
- adjust margins and border radii
- drop borders from keys
- put more items in common.css
- update dark and light style definitions
- use mixing of fg color wherever possible
2022-01-28 12:26:23 -03:30
9d97fa4d29 pin: Use less margin
Introduce a common.css so styles don't deviate unintentionally between
the different themes. Way more stuff can be moved here once this is in.
2021-12-05 17:34:40 +01:00
89b1f51ed5 appearance: Colour latched/locked according to design 2021-03-31 09:13:51 +00:00
97da44f059 Terminal layout: another approach 2020-07-18 05:43:15 +02:00
d5682de47c font: Use font from style context
As a consequence, some dependency on renderer is gone.
2020-01-28 18:13:15 +00:00
59f6173282 theme: Use a matching layout theme for any widget theme
Dedicated styling is now possible for themes which have a corresponding style-theme.css file. Adwaita:dark gets one, whereas other themes use the new generic fallback theme.
2019-11-27 16:30:32 +00:00