correct height for mobile toolbar hamburger menuwizard-opened
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Iba219cafa297f9a903cecc0afb235c72e7b7656f
toolbar-down didn't need a border-radius
border color is --color-border
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Iecc4ba85c33d1a535a43d0619097cd31cbea63bb
Avatar images was not aligned to its parent element and looked like it
was out of that parent "circle". A box size property was getting inherit
from generic vex style sheet
-Make sure the box size of the parent avatar image:
.cool-annotation-img is calculated with the width of any border or
padding added to the final rendered width, making the element wider
than 32px.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ia32c06fd6dea23feb431c2afbe9cdb591063a732
if Sidebar last-child is first-child flex-end was not the rule
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I9e7a744cf9b4d703bec33e39a30f4ab31d2160f9
define the width of the shadow sidebar section
to make the widgets right aligned.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ifd371e15f78fb62434a71367943d554c8a10a92c
Align widgets to the right
add some left positioning for some widgets
and done
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I64936c644ed1bcba47c0a12f9a2df45b56abce6e
with additional 2px .sidebar.jsdialog.cell width
the vertical alignment cell and paragraph commands
can stay within one row and no new table-row is needed
result no jumping UI
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ibd543d0c35778485ff07b013af52e2c6aa401457
Sidebar Writer Table
- first column width was defined to fix vertical alignment
- Row height / Column width widget was moved to be vertical aligned
with indent paragraph widgets
- buttons moved up to have a similar layout than in paragraph
spacing / indent
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I6f41b25c79650781087821473d15edac253a47ab
the following commands will popup an dialog:
- CompressGraphic
- GraphicDialog
- InsertCaptionDialog
- FontDialog
- FontDialogForParagraph
- TableDialog
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I824e883f2ea8979edf7a752e267acf76c0e29d4b
in this case we have headers on the right so no need
to offset horizontally from left
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: I8beeef2e1e67804c90277046ef19a453318d2d92
core is adjusted to send offset for autofilter popup
related to gridwindow (spreadsheet area) instead of
absolute screen coordinates - what helps to simplify
code.
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: If011451513c80902fc436116528e2e21a929b42c
Header Text and Section Text are left aligned
so each String start with the same space from the left
sidebar border
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I99841388f23bdb7f7493611c96689f3455999a5a
Make sure gray background or any bg for that matter is used on hover
- It shouldn't be used because each style is an image with white bg
Decrease hover status prominence so it's still visible which style is
selected
Also do not add hover status for the selected style, as clicking on it
would not change the selected style
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ie66abada24a7c6491987d9052dc94bba920d5a7f
Steps to reproduce the issue:
1. Set per_document / idle_timeout_secs to something small, like 30,
2. Open a spreadsheet with various row heights,
3. Wait until you idle out of the session,
4. Open the same file from another browser tab/window, add an empty row near the top, then close it,
5. Wait a little bit (let's say ~5s), and click into the original session, then select various cells.
-> Note how the selection is misaligned.
Root cause:
When a session becomes idle (at least for the current use-case) the
corresponding lok-view is terminated and when the js-view is resumed a
new lok view is created! In this case there is no one to one
correspondence between a js-view and lok-view. So there is no
remembering of events or replaying of events.
Fix:
Ask for sheetgeometry whenever the cool-client resumes.
Signed-off-by: Dennis Francis <dennis.francis@collabora.com>
Change-Id: If445cf28f8add46ce478e3a87e2ad8ada6cf2eb0
No need to have border when using Notebookbar mode
- Now the nb tabs are buttons and the goal is to make NB mode with less
decorative elements (since it has more buttons)
- Except for Calc where formula bar is there and a border increases
helps with the difference between cells and sidebar
- It also looks beter when the tabs are collapsed
- Border was being wrongly set twice
- Fix that and use CSS logical properties instead
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I1e81007c9075f384d8be47d3ad2947d936a8f6b7
We can hid the whole container and avoid the background of that
container to be visible (when collpased)
- This was useful in the before when the tabs were visually "connected"
to the content
- Also it was done like that before to give a "clue" to the user that
something is there and can be expanded but probably by now it's not
needed and if the user actively collpased them then he/she would know
how to expand them
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ib586f4aa3e83e650276b25c2ac13d45f475816e3
Content parent was being set with shadow while the main parent element
also has shadow
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I4f8f13f579e5b1205433801e95cc482c63f1fcc7
Re-align indicator and make sure indicator has white space
around it (on top of the save icon) so to increase its
readability
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ieaf4258c3dc594aa47904a1066deaee11417053d
--header-font-size is for the user of font in header sections
--default-height is used for the height of --default-font-size elements
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I16b7f0b5755cb54ceb26b6af66d13a8411fa0d84
Autofilter dropdown was too big and with too many elements with
padding and margin on top of that it had too many lines (giving it a
"boxy" look) and making it hard to scan the information (too much
emphasis on the structure rather than the content)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I0fbcaab2abe5084ee0604182f56458efb6ea6b0a
Fix pushbuttons alignment and make sure autofilter dialog is inheriting
jsdialogs style:
- Add missing class when calling jsDialogBuilder
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I4a963a4189630f515be9f4de9285bcc1e4c0b291
Icons were too small, set them to the same size used in toggle all btn
- 18px
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Idbe7b7f2ddeb4dd53bc5e1fcd2d5728c029d4a1c
Right it comes from core side a 64 base image that does not fit
the rest of the checkboxes we use. Plus we are already setting bg img,
which means we were getting not one but two images rendered.
- Hide image that comes from core
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I8ecdb81647e50f99b6cb0a6e3df1460664cea9e3
Currently translated at 100.0% (457 of 457 strings)
Translated using Weblate (Czech)
Currently translated at 100.0% (429 of 429 strings)
Translated using Weblate (Czech)
Currently translated at 100.0% (22 of 22 strings)
Translated using Weblate (Czech)
Currently translated at 100.0% (110 of 110 strings)
Translated using Weblate (Czech)
Currently translated at 100.0% (5 of 5 strings)
Translated using Weblate (Czech)
Currently translated at 100.0% (22 of 22 strings)
Translated using Weblate (Czech)
Currently translated at 100.0% (110 of 110 strings)
Co-authored-by: Pavel Borecki <pavel.borecki@gmail.com>
Translate-URL: https://hosted.weblate.org/projects/collabora-online/android-app/cs/
Translate-URL: https://hosted.weblate.org/projects/collabora-online/android-lib/cs/
Translate-URL: https://hosted.weblate.org/projects/collabora-online/help/cs/
Translate-URL: https://hosted.weblate.org/projects/collabora-online/ios-app/cs/
Translate-URL: https://hosted.weblate.org/projects/collabora-online/ui/cs/
Translation: Collabora Online/Android app
Translation: Collabora Online/Android lib
Translation: Collabora Online/Help
Translation: Collabora Online/UI
Translation: Collabora Online/iOS app
Signed-off-by: Andras Timar <andras.timar@collabora.com>
Change-Id: I6e0a781c1be42438c4cd6cf760532d7f78381c49
problem:
locking a command which has uno button on the sidebar,
would result in locking all the DOM siblings
Signed-off-by: Pranam Lashkari <lpranam@collabora.com>
Change-Id: I0e97ecd52e0be1fe262f8f9605c253c76f3d0a86
Context:
With the f4cde4a18c there is no visual
delimiter between the icon and the indicator which results in lack of
contrast.
- Add back shadow and tweak it so we do have better contrast between
them
- Also tweak indicators' position so it's aligned to the top and so it
feels more like an indicator (notifying the user)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I2ff6e00383a7ad7305680c92b587fc1b6890a886
classic toolbar toolbar background didn't need a color
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Iddb4058ff56535222c3794746f07d383d8b4c526
all commands from menubar was added to the notebookbar
so no need for the hamburger menubar button
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Icb283b40c269d2f92a29ad16dba8dda9d0f860d2
Make the html, js and css files same with server.
Signed-off-by: Gökay Şatır <gokay.satir@collabora.com>
Change-Id: Iac268811c01abee3a1b313084959e0ce70666a3b
Set timeout for closing the feedback dialogue to ensure that we sent the message.
Signed-off-by: Gökay Şatır <gokay.satir@collabora.com>
Change-Id: Ieaff907faac0506b065c991e5e8fac4ccad8d8e2
Modify the rules to install CSS and images to welcome folder
Change-Id: I805666daed893c08938e7d0c4240e8a62e005e52
Signed-off-by: Henry Castro <hcastro@collabora.com>
we need to add preserveAspectRatio none attribute
for shape/image selection previews
Signed-off-by: Mert Tumer <mert.tumer@collabora.com>
Change-Id: I8611d9ac79caa86a39f9773f5e44e53fdc8a8c00
the following vars were added
- header-height
- default-font-size
- color-box-shadow
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I05a081d5b27f6e9d8102002805c9194062f8ea0f
In all apps the sidebar widgets are justified: flex-end
only in impress the rule wasn't selected. But than the
alignment didn't work in impress.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I5f44496bb570f64a0b21d14fb4493665dbd31d07
separators are nice, but didn't bring that much for visual separation.
it's more visual noise than help for separation
compare to separators margins are a good idea for separation
so the frame-label get an margin which make also the label
layout better.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I402591327e6cdd5328bd95e5e2c342a56b66471d
spinfield and dropdown widget have the same width
(when possible) so there is no jumping widget alignment
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I0148295285a4174464de5ccea6bfa11a387de9a6
- color-main-background LibO document background was used
- color-main-backgroud was used for all elements
- only select, hover and toolbar's use other background colors
- color-background-lighter is the color for toolbars
- better contrast for select stuff
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I1e8be68aa1f6e73fb03994dac0ad634725e2aef0
Now that both classic and notebookbar mode have the document header
without background color and effects, we can safely remove the initial
margin that is not needed anymore
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id3f653c42d6099753bc852ac75f454698b6ffdc2
same than for the classic toolbar
hover use the correct border color and no outline needed
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I11859150009603afa93876496509d40f6d88b117
menubar padding: 3px 3px 3px 0;
so toolbar padding: 3px 0; similar to what menubar use
harmonize padding. Fit's also well when menubar was shrinked.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Iaced9d5a647267139eca26daa4793e83732f969e
search-input use --color-background-lighter color
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I4dfaabb9771ac4a128e5bab0ffeed5d99c9b0087
Make sure we do not add additional uncesseray styles for those
smartmenus that are converted into unobutton (NB dropdowns),
example LanguageMenu.
Do not inherit from styles from SmartMenus (for the first top anchor)
- hover styles (already have those from nb styles)
- borders
- Font size or font family
- line-height (that would also result in misalignments)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I7bb3a7cf588c60677fd7a6899c74fbdab8000779
Make sure the default position (relative) and z-index (9999) are not set
for new Language dropdown (unotoolbutton), otherwise it will always be
on top of everything
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I1ea3ba4d521a5caffb499473554fc4e5cfd336b8
The LanguageMenu from the Hamburger Menu was
now added also the Review Tab.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I927ec425c0e63ca4fe420369439eb96c80b41bb8
In the default layout of the impress sidebar
there is a button to switch to Master View
the button size was synched with other dropdown widgets
in height and min-width
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Iaee35556b491c2743c9ada3b2133f4381eb1c37a
All widget at the default sidebar in calc are aligned
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I87ffd679b672412436f7433c4f9e2c025eef1a3f
when you insert an table there is in the sidebar paragraph section
alignment horizontal LtR RtL and alignment vertical
overall there are 9 command
which are to much for the sidebar width
therefore if there is alignment-vertical available,
it was moved to the next row with display: table-row
as the new command for writer work also for impress and draw
the setting for impress/draw only was removed
for prefext alignment padding: 2px was added
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ic030cab180921e238c44a4fb62962e69542beee5
All save icons are now gray,
like the print icon or the hamburger menu icon.
The gray color is the color-main-text as the icon
is next to text, it's not so visible.
Indicators like saveas or modified use color-primary
in the icons and in the .css file
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I7311b71dff356d2c9aaf9d03d97f33a8ae9fb830
the border-radius was needed at .select2.container--default and
.select2.selection--single and __rendered to have nice borders
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I6ae386d65f45c49f221a3c987b101132eb4d56c7
the borders are ordinary 1px so it was update for
jsdialog.cell.sidebar to be also 1px border size.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ie85a82fecd608edd25d5c3314e70a8b91c0a31bb
use empty string in mobile app since it is not used
Signed-off-by: Mert Tumer <mert.tumer@collabora.com>
Change-Id: I699c348c01ad06b7e720499a615e2c9a27bbf630
update the menubar.css file to make the icon size 16 x 16px
add 16px x-office-* icons so that no scaling is needed.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: If6d84218920e8200e644fa8ded5c950f61c02197
it appears that sidebar callback can arrive before
docloaded message when it is already loaded in the background
Also app.file.fileBasedView parameter is set after docloaded
so it wasnt a correct fix. perm: message arrives before document
initialization and we can hide sidebar unless the arrived messsage is
not 'edit'. if the user have edit mode, it will be up to the users preference
Signed-off-by: Mert Tumer <mert.tumer@collabora.com>
Change-Id: Ifb220d8bb8baad0078bcd32f71ee6853d31adfb8
