[DE mobile] Fix Bug 59096
This commit is contained in:
parent
5b0ccb21e4
commit
8b1bf6f3b6
|
@ -1088,16 +1088,6 @@ input[type="number"]::-webkit-inner-spin-button {
|
||||||
border: 0.5px solid @background-menu-divider;
|
border: 0.5px solid @background-menu-divider;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Navigation list
|
|
||||||
|
|
||||||
.list.navigation-list {
|
|
||||||
overflow-y: auto;
|
|
||||||
height: 265px;
|
|
||||||
.item-title {
|
|
||||||
color: @text-normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sharing Settings
|
// Sharing Settings
|
||||||
|
|
||||||
.sharing-placeholder {
|
.sharing-placeholder {
|
||||||
|
|
|
@ -219,18 +219,37 @@
|
||||||
|
|
||||||
.sheet-modal.navigation-sheet {
|
.sheet-modal.navigation-sheet {
|
||||||
box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.2);
|
||||||
overflow: hidden;
|
|
||||||
.sheet-modal-inner {
|
.sheet-modal-inner {
|
||||||
background: @background-tertiary;
|
background: @background-tertiary;
|
||||||
overflow: hidden;
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.swipe-container {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
&.sheet-modal-bottom:before, &.sheet-modal:not(.sheet-modal-top):before {
|
&.sheet-modal-bottom:before, &.sheet-modal:not(.sheet-modal-top):before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation-list {
|
.list.navigation-list {
|
||||||
margin: 0;
|
margin-top: 72px;
|
||||||
|
.item-title {
|
||||||
|
color: @text-normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation-sheet {
|
||||||
|
&__title {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 100;
|
||||||
|
top: 40px;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Picker
|
// Picker
|
||||||
|
|
|
@ -29,7 +29,7 @@ const NavigationPopover = inject('storeNavigation')(observer(props => {
|
||||||
<p className="empty-screens__text">{t('Settings.textEmptyScreens')}</p>
|
<p className="empty-screens__text">{t('Settings.textEmptyScreens')}</p>
|
||||||
</div>
|
</div>
|
||||||
:
|
:
|
||||||
<List className="navigation-list" style={!Device.phone ? { height: '352px' } : null}>
|
<List className="navigation-list" style={!Device.phone ? { height: '352px', marginTop: 0 } : null}>
|
||||||
{arrHeaders.map((header, index) => {
|
{arrHeaders.map((header, index) => {
|
||||||
return (
|
return (
|
||||||
<ListItem radio key={index} title={header.isEmptyItem ? t('Settings.textBeginningDocument') : header.name} checked={header.index === currentPosition} style={{paddingLeft: header.level * 16}} onClick={() => {
|
<ListItem radio key={index} title={header.isEmptyItem ? t('Settings.textBeginningDocument') : header.name} checked={header.index === currentPosition} style={{paddingLeft: header.level * 16}} onClick={() => {
|
||||||
|
|
Loading…
Reference in a new issue