Commit graph

30 commits

Author SHA1 Message Date
Tomaž Vajngerl
5299ec381c make indent markers nicer, put update after _TSContainer change
Make markers look more like in LO - smaller, more slick.
Move the _updateParagraphIndentations after _TSContainer position
is recalculated as we depend on that.

Change-Id: I08034f6b5402a1532b6f74203a465164327f4593
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/94095
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Tomaž Vajngerl <quikee@gmail.com>
2020-05-13 10:05:11 +02:00
gokaysatir
221d666822 tdf#111535 Add First-line indent, paragraph indent, and tab spaces/Online part.
Change-Id: I7b0b6e205aa9af40b8331044b99c44df0bd4cced
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/93250
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Tomaž Vajngerl <quikee@gmail.com>
2020-05-12 13:28:08 +02:00
Andras Timar
33000dfded typo fixes in comments and code
Change-Id: I6f31e050aab701e31064e1abc9429dce0a50c279
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/92953
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Andras Timar <andras.timar@collabora.com>
2020-04-26 23:19:52 +02:00
Tomaž Vajngerl
63b423b004 change tabstop handling on the ruler, add markers, use Hammer.js
This changes handling of tabstops on the ruler:

* Tabstops are now updated from the 'tabstoplistupdate'.
* For touch handling we now use Hammer.js so it is easier to handle
with.
* Markers for different types are added as SVG's.
* Rework handling and calculating positions to be much simpler and
logical (no additions of positions, which can cause rounding
errors).
* Use .uno:ChangeTabStop to send tabstop changes.

Change-Id: I966dfa2c17652ab74e3fd8912622cf6c951e514d
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/92142
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Tomaž Vajngerl <quikee@gmail.com>
2020-04-14 20:36:11 +02:00
Jan Holesovsky
26219bb4a2 mobile: No ruler on mobile phones.
Change-Id: I8641830f69276ee7bbfc1c29330e98731cfd26bc
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/91548
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Jan Holesovsky <kendy@collabora.com>
2020-04-02 12:26:13 +02:00
Tor Lillqvist
dd70a89a60 Revert the changes that removed the menu bar on iPad in the iOS app
Change-Id: Ic374514bfdde4682f88b507eca82cf88df36bc9a
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/89329
Tested-by: Tamás Zolnai <tamas.zolnai@collabora.com>
Reviewed-by: Tamás Zolnai <tamas.zolnai@collabora.com>
2020-02-24 12:19:27 +01:00
Tamás Zolnai
542b4b69d6 css-media: Remove 'screen' condition with invalid syntax.
It should be 'screen and ...', but since the other rules don't have
this additional screen condition, I just remove it.

Change-Id: Idabf28fbee303e19f1a5f5c75f3eb5e7387ac3fa
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/89170
Tested-by: Tamás Zolnai <tamas.zolnai@collabora.com>
Reviewed-by: Tamás Zolnai <tamas.zolnai@collabora.com>
2020-02-21 11:27:32 +01:00
Tamás Zolnai
364623c87f mobile: Fix css media rules to work with mobile emulation / cypress test.
Restore the media rules we used earlier for mobiles.
So for mobiles it's enough to have a small screen size,
for tablet we allow bigger screen size, but only with
special pointer properties.

Change-Id: Ic45f05c516ec44cd39c58463d8bf1907ec63c25a
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/88922
Tested-by: Tamás Zolnai <tamas.zolnai@collabora.com>
Reviewed-by: Tamás Zolnai <tamas.zolnai@collabora.com>
2020-02-18 14:31:00 +01:00
Tamás Zolnai
1999f12b35 Revert "Revert "Mobile: change all media queries to:""
This reverts commit 55d067bfee.

Change-Id: I2077276e70e16324031b393a58bf802c3efdcb4f
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/88921
Tested-by: Tamás Zolnai <tamas.zolnai@collabora.com>
Reviewed-by: Tamás Zolnai <tamas.zolnai@collabora.com>
2020-02-18 14:30:42 +01:00
Tamás Zolnai
55d067bfee Revert "Mobile: change all media queries to:"
This reverts commit ef48e44c0e.
2020-02-18 09:19:34 +01:00
Pedro Pinto Silva
ef48e44c0e Mobile: change all media queries to:
- Include phablet size
- Ensure that the mobile css rules do not kick in when on Desktop (900px window)
-- Detect if the primary input mechanism cannot hover at all or cannot conveniently hover (hover:none)
-- Detect if at least one input mechanism includes a pointing device of limited accuracy (any-pointer:coarse)

Change-Id: Idf1494acbd52ecd40e9082c8cf6f4ce88ecf9ac6
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/88862
Tested-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
2020-02-17 15:53:33 +01:00
Marco Cecchetti
ec2ec241d2 loleaflet: calc: input bar text selection layer
Change-Id: Id143c3c0b5f0bb6a99bd9e8ce7f953f95e3a65bd
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/86791
Reviewed-by: Marco Cecchetti <marco.cecchetti@collabora.com>
Tested-by: Marco Cecchetti <marco.cecchetti@collabora.com>
2020-02-06 14:48:00 +01:00
Tor Lillqvist
d532705a85 tdf#128468: Make dragging the tab stops send a UNO command
Still work in progress. The new UNO command is "MoveTabstop" with two
arguments: Tabstop (the index of the tabsetop) and Amount (in twips,
left (negative) or right).

The intent is that moving a tabstop in core will cause a callback that
will redraw the ruler, like moving a paragraph margin does.

Change-Id: Ic6b8b11811d2a7f6510c505fff421e1796300c70
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/87868
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Tor Lillqvist <tml@collabora.com>
2020-02-03 14:38:02 +01:00
Tor Lillqvist
18ac050240 tdf#128468: Draw the tab stops
Draw only the user-edited/able ones. Draw all four kinds (left, right,
center, and decimal) the same for now, as a small triangle pointing
up. (Drawn using a CSS trick to get a triangle.) The tab stop
positions aren't actually editable yet, nor is there a way to add a
new tab stop or delete one. Later.

The code uses a CSS custom property, yay, to avoid duplication of a
magic value for the half-width of the triangle.

Change-Id: I862b09091bad03ad63425cc6e6759f3f13174579
Reviewed-on: https://gerrit.libreoffice.org/84474
Reviewed-by: Tor Lillqvist <tml@collabora.com>
Tested-by: Tor Lillqvist <tml@collabora.com>
(cherry picked from commit 5e6976f6eb23d742db7e8f9b334b521a299f2418)
Reviewed-on: https://gerrit.libreoffice.org/84764
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
2019-12-10 09:23:20 +01:00
Ashod Nakashian
3ba4ff736b loleaflet: sidebar - support cursor
Change-Id: Ib24aa9a3c007a89a04f57a287aff5a6752e643f3
(cherry picked from commit 57b60b4868013d01d43a2f82125fa8a1636e7279)
2019-09-03 01:00:05 -04:00
Marco Cecchetti
fdc5d259ea loleaflet: download widget skeleton for larger copy/paste data operation
Change-Id: I64d8edc014241e94c45677185a935714b8eeb192
2019-08-05 19:15:28 -04:00
Samuel Mehrbrodt
43f09f284c Use LO branding colors for loading progress bar
From https://wiki.documentfoundation.org/Marketing/Branding

Change-Id: I7d3d5932ef67ae5c1a522d03e1d1a0a8960b0816
Reviewed-on: https://gerrit.libreoffice.org/73107
Reviewed-by: Samuel Mehrbrodt <Samuel.Mehrbrodt@cib.de>
Tested-by: Samuel Mehrbrodt <Samuel.Mehrbrodt@cib.de>
2019-06-04 09:10:12 +02:00
Henry Castro
562c4310e0 Revert "Made grab handles larger and circles."
This reverts commit 6195ea6b4018f737db4f9b782f02b130aa495ba4.

Unfortunately has side effects, it clips ellipse the SVG layer
2019-01-16 13:31:49 -04:00
Szymon Kłos
d2a4e1677f Introduced tablet mode
* by reducing small device screen size limit to 767px
  tablets like iPad are not switched to the simple ui

* tablet is a mobile device without simple ui

* created global methods to detect ui mode
  window.mode.isTablet() / isMobile() / isDesktop()

* menubar / toolbar items can have 'tablet' property

* modification indicator is hidden in the tablet mode
  to allow layout menubar correctly in the vertical mode

* tablet mode has the menubar folded by default and
  hamburger menu icon to unfold it

* menubar hidden by default needed fix for calc due to
  additional row with formulas

Change-Id: I0d89427f6bfde015c645c597cb741c69b9031178
2018-12-07 12:39:28 +01:00
Szymon Kłos
650f91de1f Remove shadow under ruler
Change-Id: I8b67ec54780931a18aa3a4aecb9287dd6848ba9b
2018-12-07 12:39:28 +01:00
Henry Castro
69cbed0fe5 loleafet: mobile: use max-device-height
Change-Id: I2d117fde9a6d8c522e8b40a133a43c978bf29896
2018-11-19 13:37:07 +02:00
Henry Castro
12f0faf38f loleafet: mobile: fix max-height screen size tablet
Change-Id: Id2d6112107d308539eb7f67efbc99f8066ad415a
2018-11-19 13:30:52 +02:00
Victor Walker
082ea34913 Made grab handles larger and circles.
Change-Id: I50decb47495aa62407d19509aec8053def970311
Reviewed-on: https://gerrit.libreoffice.org/59333
Reviewed-by: Henry Castro <hcastro@collabora.com>
Tested-by: Henry Castro <hcastro@collabora.com>
2018-10-27 14:51:35 +02:00
Henry Castro
25e4bb1c51 loleaflet: mobile: use max-device-height media query
max-height it is used for window size, max-device-height
it is the device screen dimensions, so when a tablet
rotate to landscape we keep the mobile layout

Change-Id: I921007014a63374114ec7563144f3532a53fd021
Reviewed-on: https://gerrit.libreoffice.org/61339
Reviewed-by: Jan Holesovsky <kendy@collabora.com>
Tested-by: Jan Holesovsky <kendy@collabora.com>
2018-10-09 15:54:50 -04:00
Henry Castro
fcc34e6fb9 loleafet: mobile: fix max-height screen size tablet
Change-Id: I1c869089aee6991de34e06daf0a38d8b07f82a22
Reviewed-on: https://gerrit.libreoffice.org/61280
Reviewed-by: Jan Holesovsky <kendy@collabora.com>
Tested-by: Jan Holesovsky <kendy@collabora.com>
2018-10-09 15:54:05 -04:00
Henry Castro
0610196d4f loleaflet: mobile: fix max-width screen size tablet
Change-Id: I3337e669521f0f0f1dd749884f38dd35663491d3
Reviewed-on: https://gerrit.libreoffice.org/60977
Reviewed-by: Jan Holesovsky <kendy@collabora.com>
Tested-by: Jan Holesovsky <kendy@collabora.com>
2018-10-09 15:51:56 -04:00
Henry Castro
2adfcb0995 loleaflet: mobile: hide the ruler
Change-Id: I87335f3a1116553f1ea548ee759680ffa6533aca
2018-09-27 09:50:04 -04:00
Tor Lillqvist
26b5a3745e Better and more dynamic way to show ruler conditionally
Use conditional CSS, setting the ruler height to zero if it would be
too high. Now the ruler even shows up and disappears dynamically as
the window height changes, for instance when turning a mobile device
between landscape and portrait orientation. No JS conditional needed
after all.

Change-Id: Iebfbd182d1675f4d6abd2f252389fdcdf46ed4d3
2018-07-04 16:44:46 +03:00
Tor Lillqvist
1800a8ee17 Decide whether to display a ruler based on ruler percentage of window height
If the ruler would be over 5% of the window height, don't display it.

Change-Id: Ieed55318fc76dfe0f9248985b816e306b6654dee
2018-07-04 16:00:58 +03:00
Henry Castro
8618885b31 use Makefile to build loleaflet
Concatenate and minify all javascript files in the release build but not
in the debug build. Also, it is enabled to use a build directory

Change-Id: Ia120447a827cfe236241ddf188bf43a088f877a7
Reviewed-on: https://gerrit.libreoffice.org/52802
Reviewed-by: pranavk <pranavk@collabora.co.uk>
Tested-by: pranavk <pranavk@collabora.co.uk>
2018-05-10 20:30:16 +02:00
Renamed from loleaflet/dist/leaflet.css (Browse further)