Commit Graph

29 Commits

Author SHA1 Message Date
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
ffcb897003 data/style.css: Highlight "wide"-outline
The "wide"-outline was not highlighted on the default and high
contrast styles, while it was highlighted on the "Adwaita:dark"-style.
"Adwaita:dark" is the default on Phosh, so adjust to that, for
consistent button-highlighting.

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
0f1f6531da wide: Reduce button spaces 2019-10-29 13:28:14 +00:00
9e078be603 buttons: Buttons are next to each other, padding is visual only 2019-10-09 20:34:46 +00:00
3f3e33c853 style: Set active button color 2019-10-08 18:29:03 +00:00
477a883885 style: Add styling for locked buttons 2019-10-02 16:32:13 +00:00
7f704bcd61 style: Rename button selectors 2019-10-01 08:11:44 +00:00
1c56de8698 Merge branch 'style' into 'master'
style: Avoid conflict with GTK widget names

Closes #119

See merge request Librem5/squeekboard!184
2019-09-29 15:01:32 +00:00
60f1ca1408 style: Avoid conflict with GTK widget names
GTK style provider loads the theme on top of the selected CSS file. To ignore the theme, element names must be different than the predefined ones.
2019-09-28 12:11:32 +00:00
e513cb9b54 style: Use outline name as CSS class 2019-09-26 13:28:31 +00:00
2889e50507 style: Simplified layout styling
Layout background is styled in the same place as button background, and obtains the path "layout".
2019-09-26 11:10:25 +00:00
6b15f69e00 style: Use path instead of class for key 2019-09-26 11:08:38 +00:00
54f9e61b6a style: Make pressed button 20% lighter 2019-09-24 11:28:29 +00:00
94b7ba1ccc layout: Improved UI layout looks 2019-09-24 11:28:29 +00:00
4f18ffd34e Resolve colors used in "Visual Improvements" 2019-09-10 08:16:56 +00:00
ffc64c6d56 Apply symbol names to widget paths, add styles 2019-08-29 21:02:35 +00:00
6bbd8f6006 Use correct style for the design 2019-08-05 21:09:27 +00:00
0b59262e95 Add frame rendering, fix style sheet to show key borders 2019-08-05 13:39:22 +02:00
5efb4cc58d Bundle keyboard definitions
This allows running uninstalled from a git repo

Closes: #21, #29
2019-07-11 13:40:03 +02:00