[DE mobile] Add rtl styles
This commit is contained in:
parent
9cd94b8a44
commit
037f2b4293
|
@ -105,8 +105,8 @@
|
||||||
.add-popup {
|
.add-popup {
|
||||||
.view {
|
.view {
|
||||||
.block-title {
|
.block-title {
|
||||||
margin-bottom: 0;
|
// margin-bottom: 0;
|
||||||
margin-top: 8px;
|
// margin-top: 8px;
|
||||||
}
|
}
|
||||||
.add-image, .inputs-list {
|
.add-image, .inputs-list {
|
||||||
ul:after {
|
ul:after {
|
||||||
|
|
|
@ -1,69 +1,199 @@
|
||||||
.device-ios[dir=rtl] {
|
.device-ios[dir=rtl] {
|
||||||
.app-layout {
|
.app-layout {
|
||||||
.tab-buttons .tab-link:last-child {
|
.subnavbar,.navbar .left a + a {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subnavbar,.navbar .right a + a {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-buttons {
|
||||||
|
.tab-link:last-child {
|
||||||
border-radius: 5px 0 0 5px;
|
border-radius: 5px 0 0 5px;
|
||||||
}
|
}
|
||||||
.tab-buttons .tab-link:first-child {
|
.tab-link:first-child {
|
||||||
border-radius: 0 5px 5px 0;
|
border-radius: 0 5px 5px 0;
|
||||||
}
|
}
|
||||||
.popover li:last-child .segmented a:first-child {
|
}
|
||||||
|
|
||||||
|
.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;
|
border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0;
|
||||||
}
|
}
|
||||||
.popover li:last-child .segmented a:last-child {
|
.segmented a:last-child {
|
||||||
border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius);
|
border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.list .item-inner .item-after .segmented {
|
.list .item-inner .item-after .segmented {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-left: 10px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#editor-navbar.navbar .right a + a, #editor-navbar.navbar .left a + a {
|
#editor-navbar.navbar .right a + a, #editor-navbar.navbar .left a + a {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbar-inner__right .buttons-row a.next {
|
.searchbar-inner__right .buttons-row a.next {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbar-inner__left {
|
.searchbar-inner__left {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar .searchbar-input-wrap {
|
.navbar .searchbar-input-wrap {
|
||||||
// margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 550px) {
|
.comment-list .item-content .item-inner .comment-header {
|
||||||
.device-ios[dir=rtl] .app-layout .searchbar-expandable.searchbar-enabled .searchbar-inner__right {
|
padding-left: 16px;
|
||||||
margin-right: 10px;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.device-android[dir=rtl] {
|
.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] {
|
[dir=rtl] {
|
||||||
.color-schemes-menu .item-title {
|
.color-schemes-menu .item-title {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup .list .range-number, .popover .list .range-number, .sheet-modal .list .range-number {
|
.popup .list .range-number, .popover .list .range-number, .sheet-modal .list .range-number {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup .list .inner-range-title, .popover .list .inner-range-title, .sheet-modal .list .inner-range-title {
|
.popup .list .inner-range-title, .popover .list .inner-range-title, .sheet-modal .list .inner-range-title {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#color-picker .right-block {
|
#color-picker .right-block {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-review .toolbar #btn-reject-change {
|
.page-review .toolbar #btn-reject-change {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list li.no-indicator .item-link .item-inner {
|
.list li.no-indicator .item-link .item-inner {
|
||||||
padding-right: 0;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -1,8 +1,14 @@
|
||||||
.device-ios[dir=rtl] {
|
[dir=rtl] {
|
||||||
i.icon.icon-next, i.icon.icon-prev, i.icon.icon-prev-change, i.icon.icon-next-change {
|
i.icon {
|
||||||
transform: scale(-1);
|
&.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] {
|
.device-android[dir=rtl] {
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue