diff --git a/apps/common/mobile/resources/less/common-material.less b/apps/common/mobile/resources/less/common-material.less index d694fac4a..f86d8a78e 100644 --- a/apps/common/mobile/resources/less/common-material.less +++ b/apps/common/mobile/resources/less/common-material.less @@ -103,10 +103,10 @@ } .add-popup { - .view{ - .block-title{ - margin-bottom: 0; - margin-top: 8px; + .view { + .block-title { + // margin-bottom: 0; + // margin-top: 8px; } .add-image, .inputs-list { ul:after { @@ -116,7 +116,7 @@ } } - .coauth__sheet{ + .coauth__sheet { max-height: 65%; } diff --git a/apps/common/mobile/resources/less/common.rtl.less b/apps/common/mobile/resources/less/common.rtl.less index bc08810e2..7ccad3483 100644 --- a/apps/common/mobile/resources/less/common.rtl.less +++ b/apps/common/mobile/resources/less/common.rtl.less @@ -1,69 +1,199 @@ .device-ios[dir=rtl] { .app-layout { - .tab-buttons .tab-link:last-child { - border-radius: 5px 0 0 5px; + .subnavbar,.navbar .left a + a { + margin-right: 0; } - .tab-buttons .tab-link:first-child { - border-radius: 0 5px 5px 0; + + .subnavbar,.navbar .right a + a { + margin-right: 0; } - .popover li:last-child .segmented a:first-child { - border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; + + .tab-buttons { + .tab-link:last-child { + border-radius: 5px 0 0 5px; + } + .tab-link:first-child { + border-radius: 0 5px 5px 0; + } } - .popover li:last-child .segmented a:last-child { - border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); + + .popover { + li:last-child, li:first-child { + .segmented a:first-child { + border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; + } + .segmented a:last-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius); + } + } } + .list .item-inner .item-after .segmented { margin-right: 10px; - margin-left: 10px; + margin-left: 0; } + #editor-navbar.navbar .right a + a, #editor-navbar.navbar .left a + a { margin-right: 0; } + .searchbar-inner__right .buttons-row a.next { margin-left: 0; margin-right: 15px; } + .searchbar-inner__left { margin-right: 0; margin-left: 10px; } + .navbar .searchbar-input-wrap { - // margin-left: 10px; + margin-left: 10px; margin-right: 0; } } -} -@media (max-width: 550px) { - .device-ios[dir=rtl] .app-layout .searchbar-expandable.searchbar-enabled .searchbar-inner__right { - margin-right: 10px; - margin-left: 0; + .comment-list .item-content .item-inner .comment-header { + padding-left: 16px; } } .device-android[dir=rtl] { + .app-layout { + .searchbar input { + padding-right: 24px; + padding-left: 36px; + background-position: right; + } + } + .wrap-comment, .comment-list{ + .comment-header .initials { + margin-right: 0; + margin-left: 10px; + } + } + + .actions-modal { + .actions-button-text { + text-align: right; + } + } + + .comment-list .item-content .item-inner .comment-header { + padding-left: 0; + } + + .navigation-sheet { + &__title { + padding-left: 0; + padding-right: 16px; + } + } } [dir=rtl] { .color-schemes-menu .item-title { margin-right: 20px; } + .popup .list .range-number, .popover .list .range-number, .sheet-modal .list .range-number { text-align: left; } + .popup .list .inner-range-title, .popover .list .inner-range-title, .sheet-modal .list .inner-range-title { padding-left: 0; padding-right: 15px; } + #color-picker .right-block { margin-right: 20px; } + .page-review .toolbar #btn-reject-change { margin-left: 0; margin-right: 20px; } + .list li.no-indicator .item-link .item-inner { padding-right: 0; } + + .numbers, .bullets, .multilevels { + .item-content { + padding-right: 0; + } + } + + .settings-popup, #settings-popover{ + .link { + display: inline; + } + } + + .comment-list { + .item-content .item-inner { + padding-left: 0; + .comment-header { + padding-right: 0; + .right { + justify-content: space-between; + .comment-resolve { + margin-right: 0px; + margin-left: 10px; + } + } + + .name { + text-align: right; + } + } + } + + .comment-quote { + border-right: 1px solid var(--text-secondary); + border-left: 0; + padding-left: 16px; + padding-right: 10px; + } + + .comment-text, .reply-text { + padding-right: 0; + padding-left: 15px; + } + } + + #add-comment-dialog .dialog .dialog-inner .wrap-comment .name, #edit-comment-dialog .dialog .dialog-inner .wrap-comment .name, #add-reply-dialog .dialog .dialog-inner .wrap-comment .name, #edit-reply-dialog .dialog .dialog-inner .wrap-comment .name, #add-comment-dialog .dialog .dialog-inner .wrap-comment .comment-date, #edit-comment-dialog .dialog .dialog-inner .wrap-comment .comment-date, #add-reply-dialog .dialog .dialog-inner .wrap-comment .comment-date, #edit-reply-dialog .dialog .dialog-inner .wrap-comment .comment-date, #add-comment-dialog .dialog .dialog-inner .wrap-comment .reply-date, #edit-comment-dialog .dialog .dialog-inner .wrap-comment .reply-date, #add-reply-dialog .dialog .dialog-inner .wrap-comment .reply-date, #edit-reply-dialog .dialog .dialog-inner .wrap-comment .reply-date { + text-align: right; + } + + #view-comment-popover .page .page-content { + padding: 16px 0 60px 16px; + } + + .wrap-comment { + padding: 16px 16px 0 24px; + } +} + +@media (max-width: 550px) { + .device-ios[dir=rtl] { + .app-layout { + .searchbar-expandable.searchbar-enabled .searchbar-inner__right { + margin-right: 10px; + margin-left: 0; + } + .navbar .searchbar-input-wrap { + margin-left: 0; + } + } + } + .device-android[dir=rtl] { + .app-layout { + .searchbar-expandable.searchbar-enabled .searchbar-inner__left { + margin-right: 0; + margin-left: 33px; + } + } + } } \ No newline at end of file diff --git a/apps/common/mobile/resources/less/icons.rtl.less b/apps/common/mobile/resources/less/icons.rtl.less index 97c453547..cd95cc80a 100644 --- a/apps/common/mobile/resources/less/icons.rtl.less +++ b/apps/common/mobile/resources/less/icons.rtl.less @@ -1,9 +1,15 @@ -.device-ios[dir=rtl] { - i.icon.icon-next, i.icon.icon-prev, i.icon.icon-prev-change, i.icon.icon-next-change { - transform: scale(-1); +[dir=rtl] { + i.icon { + &.icon-search, &.icon-link, &.icon-edit-settings, &.icon-app-settings, &.icon-add-shape, &.icon-add-image, &.icon-image-library, &.icon-text-align-right, &.icon-text-align-left, &.icon-table-add-column-left, &.icon-table-add-column-right, &.icon-table-add-row-above, &.icon-table-add-row-below, &.icon-table-remove-row, &.icon-table-remove-column, &.icon-paste, &.icon-copy, &.icon-table-borders-left, &.icon-table-borders-right, &.icon-next, &.icon-prev, &.icon-prev-change, &.icon-next-change { + transform: scaleX(-1); + } } } +.device-ios[dir=rtl] { + +} + .device-android[dir=rtl] { } \ No newline at end of file