Before this commit, some actions were unreachable on tablets,
small screen factor laptops. Basically when the web browser window
is smaller then the top bar's content.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I2e93540fa7b7d7bcf1a9f7e9f6697322528562f7
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
Mark as important so will not be overriden by the
mobile-wizard rules.
Use primary color for selection so it will be visible...
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: I7688f22c4da0121999b7f7675fcab0b0f59f8c11
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
now you can insert a mention just by starting to type with @
integrator needs to implement UI_Mention postmessage api endpoint on which
online will send request of initial character what user is typing on the basis of
that integrator should send the list of user using Action_Mention postmessage api call
object where each object contains { username: '<username>', profile: '<username profile link> }
for example you can check framed.doc.html
Signed-off-by: Rash419 <rashesh.padia@collabora.com>
Change-Id: I38387cd05f1654b0bdb2b4f31cbac633eece5722
When we are in presence of a dialog with just one treeview list
please do not add border around the widget. Container takes care
of it.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I0c99f837ac6174fa60031e773c75fbfa1162762d
- Better to don't set hard width or height values via CSS
JS is already setting it initially and updating it when
zoom changes
- Add min width and min height otherwise:
- The control can become almost impossible to interact with (too
small if we zoom too far out)
- The arrow becomes unreadable
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id54f7addbd8899a3e3ca97493e1865aa36b88817
- No need to make it so dark (can be misleading, as if it was
disabled)
- Inherit border radius
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I8aaf44758ddea447b2d167d80e73c3a8a8a7e022
Before this we were trying to align arrow via bg position
this in turn was leading to problem when the parent control
(drop-down marker) resizes which happens every time we change
document zoom.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Iad0479b5db462e5bbe14c8e81f8a41fc024947dc
These tooltips were not getting styled as the other ones.
Annotation btn tooltips were missing:
- padding (as seen in .ui-tooltip)
- font-size and line-height (as seen in the ones that get styles
from jquery ui css by default)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ief46d294e36dfa0926cf668cd9a9f89589c6da40
currently it was getting styles from generic buttons
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I05e798cc1ba14dcd36607c6b4ec8a27dc33e585a
Allow tabs container to grow and shrink as needed so
document name is centered in between that container
and the next element
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I8d252478a4ddfdb9362555db6797205369dab57f
This seems quite necessary to avoid missed-clicks between save icon and
File tab and also for white-space needs.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id2bd0e7bc2478684e1cb920cdb917dd43c9acc8f
These used to make sense in the past, when we had completely
different look and feel. Plus even back then this was not super
elegant way of showing that the tab container is draggable.
Furthermore, currently, the tab container is quite distinguishable
form its parent making it visible that the notebookbar-tabs-container
has more content to show.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I6e4c0d5b3bc5e0e21d6cd470446d13b9811846ab
Adding a margin to the first child only when it is selected is not
smart and causes tabs to move horizontally
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I89cb0c0e96cbb990ecdfb633f186ab5ea1c54078
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
Better to make sure we only use those on desktop. Otherwise,
a tap can trigger undesirable rules (changing bg etc)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I838328a55ee8943eccbbe8d69b99f76640fb3a69
No need to target #insert_comment solely
- Add generic class so it can be reused
- Do not absolute position etc
- Use flexbox
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ibeb1c517c5fd45b7a7774203cfa5e2a5210678ea
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
You can now, since 1db5e39ef7 got merged,
rely solely on button-primary and button-secondary class.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ic0eb08b443ab6c523d69e50df197eb0d3850fbd4
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
- This is too generic
- If in the beginning this made sense now we have to many elements
and many should not have hover states (invisible, labels etc)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ice27ccb41cff73fa34b89453d99e3bb1fbc03edf
Force placeholder to inherit the same rules as ui-treeview-body
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I61ecde9e35812026683c655f6a2f9ead18e10d02
And make sure first tab get extra padding when selected so to keep
some need space for the edge and to respect same alignment
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I96d8a1d5540336632fe75acb8eeef25bd5c4819f
It seems we have inline-block within inline-flex when we could
just have regular block inside of flex
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ia242c36ced9908aa07ef09580d3c812f36d437e2
These should not be targeted
- ids can change (e.g. FormatPaintbrush2 ,etc)
- Also unotoolbutton is already inheriting :hover rules
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I7149cebfd52b4049a27bd3989fc88d254440df6d
No need to specifically mention unotoolbutton's parent and apply :hover
, unotoolbutton is already been targeted
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Iaa92d50f35f63dea4d10cd0906d9dadb700c25f1
- In classic mode, toolbar color indicators weren't visible when no
text is selected. The reason is that color indicators didn't have
border(outline) color.
- In fact, color indicators were just a box-shadow property. So,
it was not possible(?) to add properties like border and
border-radius.
- No need to use box-shadow property. A <div> tag can represent
color indicators.
- Removed box-shadow property.
- Added <div> tag that has class="selected-color-classic".
- Added UI specifications for mobile. (#toolbar-down)
Signed-off-by: Bayram Çiçek <bayram.cicek@libreoffice.org>
Change-Id: I1b1b68fdc015fd3719d1c59ef7f782036a5934a5
Follow up on the changes introduced in
4e07514 , update acceptrackedchanges svg
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id2902602a546756d1d8e9299fa7e91d2750f5ce8
Follow up on the changes introduced in
4e075146b9
- Update toolbar.css with current valid aliases
- Which fixes all a couple of missing SVG console errors
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I4eb96175d297b2a6962aa0ec6ab46b82cf060a34
This reverts commit 08b1d4b1e78fc2560d554b5935452ebb2d025214.
Better to avoid backporting WIP dark mode at least until
issue number #5054 is fixed
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id4fe8582fdebe9ad078ef5eaa7ba6be655cfb941
It was removed in:
mobile wizard: hide unsupported items in table panel
commit 1aed5ddaa4
but now works
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: Ia9ba8d9c7bad1c2074405617a4443e05df42ac66
This fix the follow issue
https://archive.org/download/mobile-wizard-generating-spans/mobile-wizard-generating-spans.png
but it also removes unnecessary css block related to all those span
elements associated with unotoolbutton. Better to avoid creating
the HTML element instead of creating and then hiding it.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I4e9ea01456370f1f7f877de00cf1a57e15337f45
- Previously going into Help > About > View widgets would show a window
where the close button was rendered slightly out of the top of the
window
- This was because without the title taking up a line, the title bar
shrunk to be too small to contain the close button
- This commit makes sure that the title can never take up less than a
line in height
Signed-off-by: Skyler Grey <skyler3665@gmail.com>
Change-Id: I9ead59711e3db3cde6af485ebcccf0b8a3ea57a5
