diff --git a/dev/Styles/AnimationsUser.less b/dev/Styles/AnimationsUser.less index af80476bf..ce777e8c0 100644 --- a/dev/Styles/AnimationsUser.less +++ b/dev/Styles/AnimationsUser.less @@ -1,10 +1,4 @@ -.rl-strip-animation(@rgba, @stripOpacity) { - background-image: linear-gradient(135deg, rgba(@rgba, @rgba, @rgba, @stripOpacity) 25%, transparent 25%, - transparent 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%, - transparent 75%, transparent); -} - @keyframes highlight-folder-row { 0% { transform: scale(1); } 50% { transform: scale(1.1); } @@ -22,12 +16,13 @@ 100% {background-position: 60px 0;} } -html { - .e-strip-animation { - background-size: 60px 60px; - .rl-strip-animation(0, 0.1); - animation: animate-stripes 2s linear infinite; - } +.e-strip-animation { + background-size: 60px 60px; + background-image: linear-gradient(135deg, #000 25%, #fff 25%, + #fff 50%, #000 50%, #000 75%, + #fff 75%, #fff); + animation: animate-stripes 2s linear infinite; + opacity: 0.25; } @media screen and (min-width: 1000px) { @@ -65,7 +60,9 @@ html { .b-compose.loading .b-header-toolbar { background-size: 60px 60px; - .rl-strip-animation(255, 0.2); + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, + transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, + transparent 75%, transparent); animation: animate-stripes 2s linear infinite; } } diff --git a/dev/Styles/Compose.less b/dev/Styles/Compose.less index 186d858a9..322450ec6 100644 --- a/dev/Styles/Compose.less +++ b/dev/Styles/Compose.less @@ -80,10 +80,6 @@ background-color: #eee; color: #333; - html.rl-mobile &{ - overflow: auto; - } - .e-identity { color: #333; @@ -107,14 +103,7 @@ .e-label { text-align: right; - width: 1%; - min-width: 70px; padding: 6px 10px; - - html.rl-mobile &{ - min-width: 50px; - padding: 6px 10px 6px 0; - } } .e-value { @@ -180,3 +169,9 @@ margin-right: 15px; cursor: pointer; } + +@media screen and (max-width: 700px) { + .b-compose .b-header .e-label { + padding-left: 0; + } +} diff --git a/dev/Styles/Contacts.less b/dev/Styles/Contacts.less index c89b32c5d..4e5e43b17 100644 --- a/dev/Styles/Contacts.less +++ b/dev/Styles/Contacts.less @@ -305,7 +305,7 @@ } -html.rl-mobile { +@media screen and (max-width: 700px) { .b-contacts-content { .b-list-content, .b-list-toolbar, .b-list-footer-toolbar { width: 170px; diff --git a/dev/Styles/FolderList.less b/dev/Styles/FolderList.less index 3479aa2bb..d07e361c1 100644 --- a/dev/Styles/FolderList.less +++ b/dev/Styles/FolderList.less @@ -273,12 +273,3 @@ html.rl-left-panel-disabled { visibility: hidden; } } - -html.rl-mobile { - .btn.buttonCompose { - width: auto; - } - .btn.buttonContacts { - display: none; - } -} diff --git a/dev/Styles/MessageList.less b/dev/Styles/MessageList.less index 6378641c7..f7021d2ff 100644 --- a/dev/Styles/MessageList.less +++ b/dev/Styles/MessageList.less @@ -173,14 +173,9 @@ html.rl-no-preview-pane { } .listSearchDesc { - font-size: 18px; - padding: 15px; + font-size: 16px; + padding: 12px; border-bottom: 1px solid #eee; - - html.rl-mobile &{ - font-size: 16px; - padding: 12px; - } } .listThreadUidDesc { diff --git a/dev/Styles/MessageView.less b/dev/Styles/MessageView.less index 2f2a15781..3e6145501 100644 --- a/dev/Styles/MessageView.less +++ b/dev/Styles/MessageView.less @@ -124,16 +124,12 @@ .informationShort { margin: 4px 50px 0 5px; + overflow: hidden; + text-overflow: ellipsis; a { .g-ui-link; } - - html.rl-mobile &{ - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - } } .informationShortWrp { @@ -246,7 +242,7 @@ } .line-loading { - height: 0; + height: 5px; } .showImages, .readReceipt, .pgpSigned, .pgpEncrypted { @@ -575,10 +571,6 @@ html.rl-bottom-preview-pane:not(.rl-mobile) .messageView { } } -html .messageItem .line-loading { - height: 5px !important; -} - html.rl-message-fullscreen { #rl-left {