strepsirrhini/libreoffice-online
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
libreoffice-online/browser/css/partsPreviewControl.css

59 lines
1.3 KiB
CSS
Raw Normal View History

loleaflet: Wrap slide sorter and related refactoring Slide sorter and presentation toolbar are now contained in a presentation-controls-wrapper and alignment values are now factored out and only present in the container now. Also, position the presentation-toolbar absolutely outside of container so that slidesorter scrollbar doesn't go behind the toolbar hindering some view of the slide thumbnails. This would also make the job of hiding/showing the whole control easier. Change-Id: I080e854906ef0635aba02cfeb687bf87463ef756
2017-01-11 00:52:03 -06:00
#slide-sorter {
Impress: Remove mCustomScrollBar Use native scroll bars. Signed-off-by: Gökay Şatır <gokay.satir@collabora.com> Change-Id: I63eeac7916e9f7edc2decc0e9338c36bda48ee50
2021-03-02 12:18:13 -06:00
white-space: nowrap;
overflow-x: hidden;
Impress: Fix #presentation-toolbar on chrome - Make sure width doesn't get above the available space - Do not force scrollbar when there is no content to scroll - use visible (default): implicitly compute to auto Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: Ib7b6b15dcf093d6172a35346679a7985584f4ef9
2021-04-08 05:29:01 -05:00
overflow-y: visible;
Color var: partsPreviewControl.css use var colors Signed-off-by: andreas kainz <kainz.a@gmail.com> Change-Id: If76ac63e7c1ecdbc0ec6ed3aa04070abb1cc9893
2022-02-27 06:24:34 -06:00
background: var(--color-background-lighter);
Main-document-content: Prevent over-sizing. Set min-height property to prevent exceeding the available size. slide-sorter: Set max-height to prevent over-sizing relative its parent. Signed-off-by: Gökay ŞATIR <gokaysatir@gmail.com> Change-Id: Ib8c50bc9f6f6ac4311cefa3b0e016da728efe95b
2021-07-13 07:16:27 -05:00
max-height: 100%;
Color var: partsPreviewControl.css use var colors Signed-off-by: andreas kainz <kainz.a@gmail.com> Change-Id: If76ac63e7c1ecdbc0ec6ed3aa04070abb1cc9893
2022-02-27 06:24:34 -06:00
scrollbar-color: var(--color-background-darker) var(--color-background-lighter);
Draw and Impress: fix slide sorter - Fix positions and backgrounds - Draw: no need to hide presentation controls anymore (was affecting position) - Make sure scroll bar is not getting different styles from browser thus affecting position - happening on FF Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: I479cf7d01023ffc611a3cfa6a5fb90fb0dbda1d7
2021-04-06 04:03:27 -05:00
scrollbar-width: thin;
loleaflet: individual css files for our additions to leaflet
2015-12-15 07:33:53 -06:00
}
loleaflet: add sidebar (cherry picked from commit 01c828c911fa70b263fee699efbc656fde54d03f) Change-Id: Idc215e67b21b1f0ba48b3d391041278dd6526cfe
2018-08-12 21:05:45 -05:00
#sidebar-panel {
height: 100%
}
loleaflet: individual css files for our additions to leaflet
2015-12-15 07:33:53 -06:00
.preview-frame {
max-width: 190px;
white-space: nowrap;
lolleaflet: mobile: show horizontal orientation the slide sorter In order to show a slide sorter, it is necessary to reuse the code that it is working for desktop view. changes: * modified the @media properties of the slide sorter container element. * added new @media properties for slide-sorter element. * changed the axis direction to 'x' for the mCustomScrollbar * changed the calculation using left, right and width properties for the direction 'x' * added options maxWidth and maxHeight size for the image preview, default 60, 60 for mobile case Change-Id: I23a83c831c9aa21ab2876f9d1875c7428c17d18d
2019-10-08 17:04:16 -05:00
text-align: center;
margin: 1em 0;
CSS lint: Code refactoring - Detected many duplicated selectors within the same file (squashed them) - Detected inconsistency (sometimes spaces sometimes tabs). Tabify as in JS. - Detected quotes' inconsistency (sometimes none, sometimes '', sometimes ""). Use '' as in JS - Avoid touching on files from 3rd party sources (jquery, w2ui), ignore files Change-Id: Idd82945f29ac6c5c9f522e5d5df4a783a367654d Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102009 Tested-by: Jenkins Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
2020-09-03 09:41:01 -05:00
}
loleaflet: individual css files for our additions to leaflet
2015-12-15 07:33:53 -06:00
.preview-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
CSS lint: Code refactoring - Detected many duplicated selectors within the same file (squashed them) - Detected inconsistency (sometimes spaces sometimes tabs). Tabify as in JS. - Detected quotes' inconsistency (sometimes none, sometimes '', sometimes ""). Use '' as in JS - Avoid touching on files from 3rd party sources (jquery, w2ui), ignore files Change-Id: Idd82945f29ac6c5c9f522e5d5df4a783a367654d Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102009 Tested-by: Jenkins Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
2020-09-03 09:41:01 -05:00
}
loleaflet: individual css files for our additions to leaflet
2015-12-15 07:33:53 -06:00
.preview-img {
* Ensure that any rule from mobilewizard does not spill out from smartphone range * Fix impress slide previewControl misalignments (on desktop) Change-Id: I009b75ba95870e3bd051b299113c90abb584c189 Reviewed-on: https://gerrit.libreoffice.org/83317 Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com> Tested-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
2019-11-20 08:28:46 -06:00
/* In draw docs, the width of previews are small, but we want a min of 160px to align it with document's left edge */
min-width: 160px;
loleaflet: individual css files for our additions to leaflet
2015-12-15 07:33:53 -06:00
vertical-align: middle;
* Ensure that any rule from mobilewizard does not spill out from smartphone range * Fix impress slide previewControl misalignments (on desktop) Change-Id: I009b75ba95870e3bd051b299113c90abb584c189 Reviewed-on: https://gerrit.libreoffice.org/83317 Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com> Tested-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
2019-11-20 08:28:46 -06:00
max-width: 164px;
loleaflet: individual css files for our additions to leaflet
2015-12-15 07:33:53 -06:00
cursor: pointer;
Impress: Fix imperceptible active (current) slide border - Make it bigger - Also size is not enough, specially for slides that have backgrounds - Add white inner margin so there is a clear distinction between - what is the slide preview (image) and its contour Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: Ifee386b98d74c937efa35c19551334482ec18632
2023-05-04 06:57:35 -05:00
border: 3px solid transparent !important;
outline: 3px solid var(--color-border);
box-sizing: border-box;
Impress: Remove mCustomScrollBar Use native scroll bars. Signed-off-by: Gökay Şatır <gokay.satir@collabora.com> Change-Id: I63eeac7916e9f7edc2decc0e9338c36bda48ee50
2021-03-02 12:18:13 -06:00
margin-left: 10px;
margin-right: 10px;
CSS lint: Code refactoring - Detected many duplicated selectors within the same file (squashed them) - Detected inconsistency (sometimes spaces sometimes tabs). Tabify as in JS. - Detected quotes' inconsistency (sometimes none, sometimes '', sometimes ""). Use '' as in JS - Avoid touching on files from 3rd party sources (jquery, w2ui), ignore files Change-Id: Idd82945f29ac6c5c9f522e5d5df4a783a367654d Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102009 Tested-by: Jenkins Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
2020-09-03 09:41:01 -05:00
}
Fix slide-sorter behaves like desktop on larger screen phones Change-Id: Ief2a5278b901970378a84dc4a2f528f885e1cd06 Reviewed-on: https://gerrit.libreoffice.org/c/online/+/88093 Tested-by: Henry Castro <hcastro@collabora.com> Reviewed-by: Henry Castro <hcastro@collabora.com>
2020-02-06 05:27:49 -06:00
wsd: leaflet: track multi-selection Change-Id: I17c092e950fb4d7a0cb4129c537d60a8e5edd06a Reviewed-on: https://gerrit.libreoffice.org/69636 Reviewed-by: Ashod Nakashian <ashnakash@gmail.com> Tested-by: Ashod Nakashian <ashnakash@gmail.com> Reviewed-on: https://gerrit.libreoffice.org/71100
2018-09-17 05:31:36 -05:00
/* The current part the user is on. */
.preview-img-currentpart {
Impress: Fix imperceptible active (current) slide border - Make it bigger - Also size is not enough, specially for slides that have backgrounds - Add white inner margin so there is a clear distinction between - what is the slide preview (image) and its contour Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: Ifee386b98d74c937efa35c19551334482ec18632
2023-05-04 06:57:35 -05:00
border-color: var(--color-background-lighter) !important;
outline-color: var(--color-primary-dark);
loleaflet: individual css files for our additions to leaflet
2015-12-15 07:33:53 -06:00
}
wsd: leaflet: support reordering of slides via drag-and-drop Change-Id: I1b471ba07dd0a1016a0759de729171ae968262cb Reviewed-on: https://gerrit.libreoffice.org/69635 Reviewed-by: Ashod Nakashian <ashnakash@gmail.com> Tested-by: Ashod Nakashian <ashnakash@gmail.com> Reviewed-on: https://gerrit.libreoffice.org/71099
2018-09-17 06:17:31 -05:00
wsd: leaflet: track multi-selection Change-Id: I17c092e950fb4d7a0cb4129c537d60a8e5edd06a Reviewed-on: https://gerrit.libreoffice.org/69636 Reviewed-by: Ashod Nakashian <ashnakash@gmail.com> Tested-by: Ashod Nakashian <ashnakash@gmail.com> Reviewed-on: https://gerrit.libreoffice.org/71100
2018-09-17 05:31:36 -05:00
/* One of (potentially many) selected parts, but not the current. */
.preview-img-selectedpart {
Impress: Fix imperceptible active (current) slide border - Make it bigger - Also size is not enough, specially for slides that have backgrounds - Add white inner margin so there is a clear distinction between - what is the slide preview (image) and its contour Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: Ifee386b98d74c937efa35c19551334482ec18632
2023-05-04 06:57:35 -05:00
border-color: var(--color-primary) !important;
wsd: leaflet: track multi-selection Change-Id: I17c092e950fb4d7a0cb4129c537d60a8e5edd06a Reviewed-on: https://gerrit.libreoffice.org/69636 Reviewed-by: Ashod Nakashian <ashnakash@gmail.com> Tested-by: Ashod Nakashian <ashnakash@gmail.com> Reviewed-on: https://gerrit.libreoffice.org/71100
2018-09-17 05:31:36 -05:00
}
/* Highlight where a slide can be dropped when reordering by drag-and-drop. */
wsd: leaflet: support reordering of slides via drag-and-drop Change-Id: I1b471ba07dd0a1016a0759de729171ae968262cb Reviewed-on: https://gerrit.libreoffice.org/69635 Reviewed-by: Ashod Nakashian <ashnakash@gmail.com> Tested-by: Ashod Nakashian <ashnakash@gmail.com> Reviewed-on: https://gerrit.libreoffice.org/71099
2018-09-17 06:17:31 -05:00
.preview-img-dropsite {
Color var: partsPreviewControl.css use var colors Signed-off-by: andreas kainz <kainz.a@gmail.com> Change-Id: If76ac63e7c1ecdbc0ec6ed3aa04070abb1cc9893
2022-02-27 06:24:34 -06:00
border-bottom: 20px solid var(--color-primary);
tdf#127942: Make the slide preview image dropsite larger on larger displays This makes it easier no notice when a dropsite becomes active. Change-Id: Iabf529d4af814c0cd348b201b823dca4bcaa1bb5 Reviewed-on: https://gerrit.libreoffice.org/80203 Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com> Reviewed-by: Tor Lillqvist <tml@collabora.com>
2019-10-04 05:50:13 -05:00
}
impress: introduce slide hiding/showing in presentation Signed-off-by: Pranam Lashkari <lpranam@collabora.com> Change-Id: If91726a1a66e1679b58603e496a5b90cde5f0b5b
2023-06-06 15:56:49 -05:00
.hidden-slide {
opacity: 0.5;
}
Reference in a new issue Copy permalink