Before this commit, list entries with multiple lines where not being
properly aligned.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I0ca9861289f471285ace2dc1d39104d608eb8f15
Reduce inconsistencies by inherit component properties such as
shadow, border and bg.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ia978b229cf4c9616d1d38ccac09644114972b39b
Particularly visible when on mobile and the conflict
dialog appears. Without this change primary button can shrunk.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id27761b53a425d16ab4bd2ef2a801890d899ee69
By Renaming .vex-dialog-button-primary -> .button-primary and
.vex-dialog-button-secondary -> .button-secondary
- So we can remove duplicity on CSS buttons
- Easier to set vex primary and secondary button to use our css classes
- This way there is no need to hunt those specific cases down.
- Update cypress tests
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I82f4b33560367805eeeeb5aec9af8d1abd313788
fixed:
- image overlapping with high res image
- shows empty bullet when highlight text is empty
- no space between bullet points and text
Signed-off-by: Rash419 <rashesh.padia@collabora.com>
Change-Id: I0e3bcd11d9132913d69f8a7c74d21cc0b4ab3305
- adds two new options
1. localize the dialog
2. change upsell image shown in dialog using proxy handler
- provides all the settings using dynamic configuration
Signed-off-by: Rash419 <rashesh.padia@collabora.com>
Change-Id: I7e21c1b31c806c88bf54f891de40f02fa342168f
- Make sure overlay stays an overlay and not a solid opaque color
- Make sure dialogs' background is white and not gray
- Since they appear above the content they shouldn't be darker
- Also make sure Welcome dialog is not gray
related:
6f2be29ab74a5b3b646508a500e938
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I4fbaa3f79f7fb1c348b5fe0ef87e98f9007ce007
the following vars are not needed anymore
--gray-light-txt--color
--gray-light-bg-color
--gray-color
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ia23954e50629b60d3df50ea778c57de4e26bea88
- Generate cancel button but only show it on mobile
- Hide dialog's top corner close button on mobile
- If Saving to a new file is new file is not possible then set cancel
as primary button
- Fix mobile vex dialogs layout
- Make sure the elements are spaced out so the buttons are aligned to
the bottom of the screen making it easier to reach on mobile. This
happens only if the dialog doe not have input fields;
- Make sure all the vex dialogs that have input fields are not affected
by this change. why? Because interacting with input fields triggers
the on screen keyboard and this these dialogs do benefit from having
the btns aligned to the top together with their content.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I5e28d5c2e9169f59caff0422a541bce5b17f10d7
- Use flex box
- Space out elements
- Create and use spacer element to visually group buttons without the
need to custom adjust vex dialog's html structure. Thus we can keep
creating btns as we always had
- This is specially important when from the 3 actions, two are
destructive (overwrite, discard) and one is not (Save new file)
- Make use of new css class for these 3 button dialogs that can be
reused in the future
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ic36584321256fe96ebe6158bef7cbd8d67951261
- Add slider
- Less content and easier to scan/read
- More clear call to actions
- But less CAT per screen / slide
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I5faf9ac5ef3bfa57f19d1b9f5f2bdcee4c91ecb7