Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix some mobile view css issues

Browse source
This commit is contained in:
djmaze 2020-09-12 13:57:09 +02:00
parent ce652d96b7
commit 99bd895090
25 changed files with 70 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dev/Styles/@Boot.css
View file

@ -30,7 +30,7 @@ body {
animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;
background-color: #333; background-color: #333;
border-radius: 100%; border-radius: 100%;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
display: inline-block; display: inline-block;
height: 15px; height: 15px;
margin: 0 5px; margin: 0 5px;

2
dev/Styles/Admin.less
View file

@ -73,7 +73,7 @@
height: 34px; height: 34px;
padding: 8px @rlLowMargin; padding: 8px @rlLowMargin;
color: #fff; color: #fff;
text-shadow: 0px 1px 1px #000; text-shadow: 0 1px 1px #000;
} }
.b-content { .b-content {

2
dev/Styles/AdminGeneral.less
View file

@ -9,7 +9,7 @@
border-bottom: 1px dashed #555; border-bottom: 1px dashed #555;
cursor: pointer; cursor: pointer;
padding: 2px 0px; padding: 2px 0;
&:focus { &:focus {
outline: 1px; outline: 1px;

4
dev/Styles/Attachmnets.less
View file

@ -32,9 +32,9 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
padding: 1px 4px 0px 5px; padding: 1px 4px 0 5px;
background: #FAFAFA; background: #FAFAFA;
border: 0px solid #CCC; border: 0 solid #CCC;
} }
.attachmentSize { .attachmentSize {

4
dev/Styles/Components.less
View file

@ -1,7 +1,7 @@
.checkbox-box-sizes() { .checkbox-box-sizes() {
top: 0px; top: 0;
left: 0px; left: 0;
width: 18px; width: 18px;
height: 18px; height: 18px;
border: solid 2px #999; border: solid 2px #999;

13
dev/Styles/Compose.less
View file

@ -5,18 +5,15 @@
width: 98%; width: 98%;
max-width: 1000px; max-width: 1000px;
margin: 10px auto; margin: 10px auto;
min-height: calc(100% - 60px); min-height: calc(100% - 30px);
.modal-body { .modal-body {
padding: 0px; padding: 0;
} }
} }
.textAreaParent, .attachmentAreaParent { .textAreaParent, .attachmentAreaParent {
overflow: hidden;
position: relative; position: relative;
height: 200px;
min-height: 200px; min-height: 200px;
} }
@ -79,7 +76,7 @@
} }
.disabled.button-delete { .disabled.button-delete {
margin-left: 0px; margin-left: 0;
} }
} }
@ -122,13 +119,13 @@
html.rl-mobile &{ html.rl-mobile &{
min-width: 50px; min-width: 50px;
padding: 6px 10px 6px 0px; padding: 6px 10px 6px 0;
} }
} }
.e-value { .e-value {
padding: 2px 0px; padding: 2px 0;
textarea, input[type="text"] { textarea, input[type="text"] {
width: 98%; width: 98%;

10
dev/Styles/Contacts.less
View file

@ -130,8 +130,8 @@
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
margin: 0px; margin: 0;
border: 0px solid transparent; border: 0 solid transparent;
z-index: 100; z-index: 100;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
@ -160,7 +160,7 @@
} }
&.deleted { &.deleted {
max-height: 0px; max-height: 0;
border-color: transparent !important; border-color: transparent !important;
} }
@ -402,8 +402,8 @@
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
margin: 0px; margin: 0;
border: 0px solid transparent; border: 0 solid transparent;
z-index: 100; z-index: 100;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }

2
dev/Styles/FolderList.less
View file

@ -69,7 +69,7 @@
.b-list-delimiter { .b-list-delimiter {
margin: 10px; margin: 10px;
border-top: 0px solid #000; border-top: 0 solid #000;
border-bottom: 1px solid #999; border-bottom: 1px solid #999;
} }

2
dev/Styles/Layout.less
View file

@ -162,7 +162,7 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
background: rgba(0, 0, 0, .6); background: rgba(0, 0, 0, .6);
padding: 15px; padding: 15px;
border-radius: 5px; border-radius: 5px;
text-shadow: 0px 1px 1px #000; text-shadow: 0 1px 1px #000;
} }
} }
} }

4
dev/Styles/Login.less
View file

@ -98,7 +98,7 @@
background: none; background: none;
margin-left: -35px; margin-left: -35px;
z-index: 1000; z-index: 1000;
border: 0px; border: 0;
} }
.input-append .add-on i { .input-append .add-on i {
@ -131,7 +131,7 @@
display: inline-block; display: inline-block;
height: 90%; height: 90%;
vertical-align: middle; vertical-align: middle;
width: 0px; width: 0;
} }
.flag-selector { .flag-selector {

2
dev/Styles/Main.less
View file

@ -40,7 +40,7 @@ body:before {
width: 100%; width: 100%;
height: 8px; height: 8px;
z-index: 100; z-index: 100;
box-shadow: 0px 0px 10px rgba(0,0,0,.6); box-shadow: 0 0 10px rgba(0,0,0,.6);
} }
* { * {

14
dev/Styles/MessageList.less
View file

@ -94,7 +94,7 @@ html.rl-no-preview-pane {
left: 0; left: 0;
right: 0; right: 0;
z-index: 102; z-index: 102;
height: 0px; height: 0;
top: 50px; top: 50px;
} }
@ -227,8 +227,8 @@ html.rl-no-preview-pane {
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
margin: 0px; margin: 0;
border: 0px solid transparent; border: 0 solid transparent;
z-index: 100; z-index: 100;
background-color: #f9f9f9; background-color: #f9f9f9;
@ -293,11 +293,11 @@ html.rl-no-preview-pane {
} }
&.new { &.new {
max-height: 0px; max-height: 0;
} }
&.deleted { &.deleted {
max-height: 0px; max-height: 0;
border-color: transparent !important; border-color: transparent !important;
} }
@ -428,7 +428,7 @@ html.rl-no-preview-pane {
background-color: #eee; background-color: #eee;
color: #666; color: #666;
border-radius: 6px; border-radius: 6px;
padding: 2px 0px 1px 6px; padding: 2px 0 1px 6px;
margin-right: 2px; margin-right: 2px;
border: 1px solid #ccc; border: 1px solid #ccc;
@ -487,7 +487,7 @@ html.rl-no-preview-pane {
&.withAttachments .attachment { &.withAttachments .attachment {
display: inline-block; display: inline-block;
color: #666; color: #666;
text-shadow: 0px 1px 0px #eee; text-shadow: 0 1px 0 #eee;
} }
&.hasUnseenSubMessage { &.hasUnseenSubMessage {

28
dev/Styles/MessageView.less
View file

@ -78,10 +78,10 @@ html.rl-no-preview-pane {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
top: 0px; top: 0;
left: 0px; left: 0;
right: 0px; right: 0;
bottom: 0px; bottom: 0;
opacity: .1; opacity: .1;
} }
@ -128,7 +128,7 @@ html.rl-no-preview-pane {
position: absolute; position: absolute;
padding: 10px; padding: 10px;
background-color: #f8f8f8; background-color: #f8f8f8;
border-top: 0px; border-top: 0;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-top-right-radius: 5px; border-top-right-radius: 5px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
@ -251,7 +251,7 @@ html.rl-no-preview-pane {
.messageItem { .messageItem {
position: absolute; position: absolute;
top: 0px; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
@ -304,7 +304,7 @@ html.rl-no-preview-pane {
} }
.line-loading { .line-loading {
height: 0px; height: 0;
} }
.showImages, .readReceipt, .pgpSigned, .pgpEncrypted { .showImages, .readReceipt, .pgpSigned, .pgpEncrypted {
@ -424,7 +424,7 @@ html.rl-no-preview-pane {
blockquote { blockquote {
border-left: 2px solid #000; border-left: 2px solid #000;
padding: 0px 10px; padding: 0 10px;
margin: 0; margin: 0;
} }
@ -444,8 +444,8 @@ html.rl-no-preview-pane {
} }
pre, code { pre, code {
margin: 0px; margin: 0;
padding: 0px; padding: 0;
background: #fff; background: #fff;
border: none; border: none;
border-radius: 0; border-radius: 0;
@ -468,7 +468,7 @@ html.rl-no-preview-pane {
} }
pre > code { pre > code {
padding: 0px; padding: 0;
} }
} }
@ -479,8 +479,8 @@ html.rl-no-preview-pane {
font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
pre { pre {
margin: 0px; margin: 0;
padding: 0px; padding: 0;
background: #fff; background: #fff;
border: none; border: none;
font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
@ -548,7 +548,7 @@ html.rl-no-preview-pane {
&.message-focused .b-content { &.message-focused .b-content {
z-index: 101; z-index: 101;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border-radius: @rlLowBorderRadius; border-radius: @rlLowBorderRadius;
border-color: darken(@rlMainDarkColor, 5%); border-color: darken(@rlMainDarkColor, 5%);
} }

4
dev/Styles/SettingsAccounts.less
View file

@ -102,7 +102,7 @@
} }
td { td {
border-width: 0px; border-width: 0;
} }
} }
} }
@ -144,7 +144,7 @@
} }
td { td {
border-width: 0px; border-width: 0;
} }
} }
} }

2
dev/Styles/SettingsFilters.less
View file

@ -98,7 +98,7 @@
} }
td { td {
border-width: 0px; border-width: 0;
} }
} }
} }

2
dev/Styles/SettingsFolders.less
View file

@ -19,7 +19,7 @@
.folders-list-error { .folders-list-error {
width: 550px; width: 550px;
margin: 10px 0px; margin: 10px 0;
} }
.list-table { .list-table {

2
dev/Styles/SettingsGeneral.less
View file

@ -27,7 +27,7 @@
border-bottom: 1px dashed #555; border-bottom: 1px dashed #555;
cursor: pointer; cursor: pointer;
padding: 2px 0px; padding: 2px 0;
&:focus { &:focus {
outline: 1px; outline: 1px;

2
dev/Styles/SettingsTemplates.less
View file

@ -87,7 +87,7 @@
} }
td { td {
border-width: 0px; border-width: 0;
} }
} }
} }

3
dev/Styles/SquireUI.less
View file

@ -1,4 +1,6 @@
.squire-toolbar { .squire-toolbar {
overflow-x: auto;
white-space: nowrap;
} }
.squire-toolgroup { .squire-toolgroup {
@ -34,6 +36,7 @@
} }
.squire-wysiwyg { .squire-wysiwyg {
box-sizing: border-box;
overflow: auto; overflow: auto;
} }

2
dev/Styles/SystemDropDown.less
View file

@ -169,7 +169,7 @@ html.ssm-state-mobile .accountPlace {
.first { .first {
left: 0px; left: 0;
animation: none; animation: none;
} }
.second { .second {

2
dev/Styles/Ui.less
View file

@ -174,7 +174,7 @@
color: #333; color: #333;
border-bottom: 1px dashed #333; border-bottom: 1px dashed #333;
cursor: pointer; cursor: pointer;
padding: 2px 0px; padding: 2px 0;
&:focus { &:focus {
outline: 1px; outline: 1px;

8
dev/Styles/_BootstrapFix.less
View file

@ -24,7 +24,7 @@ button.close-custom {
} }
.minimize-custom { .minimize-custom {
border: 0px solid #333; border: 0 solid #333;
border-bottom-width: 3px; border-bottom-width: 3px;
display: inline-block; display: inline-block;
float: right; float: right;
@ -130,7 +130,7 @@ select {
} }
.btn-group.btn-group-custom-margin > .btn + .btn { .btn-group.btn-group-custom-margin > .btn + .btn {
margin-left: 0px; margin-left: 0;
} }
.btn.btn-large { .btn.btn-large {
@ -195,7 +195,7 @@ select {
.dropdown-menu { .dropdown-menu {
border-radius: 0; border-radius: 0;
box-shadow: 0px 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2);
} }
.btn-group > .btn { .btn-group > .btn {
@ -284,7 +284,7 @@ select {
} }
html.no-rgba .modal { html.no-rgba .modal {
border-width: 0px !important; border-width: 0 !important;
} }
.modal.loginContent .modal-body, .modal.loginAdminContent .modal-body { .modal.loginContent .modal-body, .modal.loginAdminContent .modal-body {

6
dev/Styles/_CkeFix.less
View file

@ -127,8 +127,8 @@
} }
pre, code { pre, code {
margin: 0px; margin: 0;
padding: 0px; padding: 0;
background: #fff; background: #fff;
border: none; border: none;
border-radius: 0; border-radius: 0;
@ -151,7 +151,7 @@
} }
pre > code { pre > code {
padding: 0px; padding: 0;
} }
blockquote { blockquote {

4
dev/Styles/_InputosaurusFix.less
View file

@ -63,11 +63,11 @@
.inputosaurus-input { .inputosaurus-input {
margin: 1px 10px 1px 0px; margin: 1px 10px 1px 0;
height: 22px; height: 22px;
input { input {
border: 0px; border: 0;
height : 21px; height : 21px;
padding-left: 0; padding-left: 0;
} }

2
dev/Styles/_Values.less
View file

@ -11,7 +11,7 @@
@rlMainBorderRadius: 5px; @rlMainBorderRadius: 5px;
@rlLowBorderRadius: 3px; @rlLowBorderRadius: 3px;
@rlMainShadow: 0px 2px 8px rgba(0, 0, 0, 0.2); @rlMainShadow: 0 2px 8px rgba(0, 0, 0, 0.2);
@rlLowMargin: 8px; @rlLowMargin: 8px;
@rlBottomMargin: 5px; @rlBottomMargin: 5px;