* Use lineHeight rule for centering the elements on mobile.
* Use parent element's rules for setting the styles of img and preview elements.
* Disable mobile-slide-sorter. It is not in use for a long while.

Signed-off-by: Gökay ŞATIR <gokaysatir@gmail.com>
Change-Id: I06517467f269669c70294fb5a4dd0960eb16feb5
This commit is contained in:
Gökay ŞATIR 2021-07-14 12:39:45 +03:00
parent 4c4df83e99
commit c429815777
4 changed files with 11 additions and 27 deletions

View file

@ -588,19 +588,17 @@ td[id^='tb_spreadsheet-toolbar_item']:focus table.w2ui-button div.w2ui-icon, td[
max-height: 60px;
overflow-x: scroll;
overflow-y: hidden;
line-height: 60px;
}
.preview-img-portrait {
#slide-sorter.portrait .preview-img {
min-width: 37px;
max-width: 60px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 2px;
max-height: 45px;
margin: 0;
}
.preview-frame-portrait {
#slide-sorter.portrait .preview-frame {
max-height: 60px;
max-width: 100%;
display: inline-block;
@ -608,7 +606,7 @@ td[id^='tb_spreadsheet-toolbar_item']:focus table.w2ui-button div.w2ui-icon, td[
margin: 0;
}
.preview-frame-portrait.preview-img-dropsite {
#slide-sorter.portrait .preview-frame.preview-img-dropsite {
padding-right: 0px;
border-right: 20px solid var(--gray-color);
border-bottom: none;
@ -623,20 +621,21 @@ td[id^='tb_spreadsheet-toolbar_item']:focus table.w2ui-button div.w2ui-icon, td[
overflow-y: scroll;
}
.preview-img-landscape {
#slide-sorter.landscape .preview-img {
min-width: 20px;
max-width: 60px;
margin-left: 1px;
margin: 0;
}
.preview-frame-landscape {
#slide-sorter.landscape .preview-frame {
max-height: initial;
max-width: 66px;
display: block;
margin: 1em 3px;
}
/* Highlight where a slide can be dropped when reordering by drag-and-drop. */
.preview-frame-landscape.preview-img-dropsite {
#slide-sorter.landscape .preview-frame.preview-img-dropsite {
border-bottom: 10px solid var(--gray-color);
}

View file

@ -97,6 +97,7 @@ w2ui-toolbar {
}
#presentation-toolbar {
bottom: 0;
background-color: #dfdfdf;
text-align: center;
position: absolute;

View file

@ -435,9 +435,6 @@ L.Control.MobileWizard = L.Control.extend({
window.mobileDialogId = data.id;
}
if (this.map.getDocType() === 'presentation' && this._isSlidePropertyPanel(data))
this._showSlideSorter();
this._isActive = true;
var currentPath = null;
var lastScrollPosition = null;
@ -550,13 +547,6 @@ L.Control.MobileWizard = L.Control.extend({
}
},
// These 2 functions show/hide mobile-slide-sorter.
_showSlideSorter: function() {
document.getElementById('mobile-wizard-header').style.display = 'block';
document.getElementById('mobile-wizard-header').style.whiteSpace = 'nowrap';
document.getElementById('mobile-wizard-header').style.overflowX = 'auto';
},
_hideSlideSorter: function() {
document.getElementById('mobile-wizard-header').style.display = 'none';
},

View file

@ -256,12 +256,6 @@ L.Control.PartsPreview = L.Control.extend({
previewFrameTop = this._previewContTop + this._previewFrameMargin + i * (this._previewFrameHeight + this._previewFrameMargin);
previewFrameTop -= this._scrollY;
previewFrameBottom = previewFrameTop + this._previewFrameHeight;
if (this._direction === 'x') {
L.DomUtil.setStyle(img, 'width', this._previewImgWidth + 'px');
} else {
L.DomUtil.setStyle(img, 'height', this._previewImgHeight + 'px');
}
}
var imgSize;