Less float & less html is mobile view profit

This commit is contained in:
djmaze 2021-02-08 21:19:58 +01:00
parent 004378ed8c
commit 57158bd55a
17 changed files with 71 additions and 91 deletions

View file

@ -9,10 +9,6 @@
0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); }
}
@keyframes bounce-me {
0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); }
}
@keyframes textLoadingAnimationKeyFrame {
0% { opacity: 1; } 33% { opacity: 0; } 100% { opacity: 1; }
}
@ -93,10 +89,6 @@ html.no-mobile {
opacity: 0;
}
.btn-group.dropdown.colored-toggle.open .animate-this-icon-on-open {
animation: bounce-me .5s linear;
}
.b-login-content .loginFormWrapper {
transition: all 0.3s ease-out;
}

View file

@ -230,7 +230,7 @@
right: 0;
left: @contacts-popup-left-width;
height: 31px;
text-align: center;
text-align: right;
box-shadow: inset 0 -1px 0 #ccc;
.button-save-contact {

View file

@ -1,5 +1,5 @@
@folderItemPadding: 10px;
@folderItemPadding: 7px;
@subPadding: 15px;
.b-folders {
@ -86,17 +86,7 @@
color: var(--folders-disabled-color, #666);
cursor: not-allowed;
font-size: 14px;
.focused-poiner {
float: left;
display: inline-block;
background-color: transparent;
height: 100%;
width: 3px;
position: absolute;
top: 0;
left: 0;
}
border-left: 3px solid transparent;
.inbox-star-icon {
display: none;
@ -157,10 +147,7 @@
&.focused {
background-color: #888;
.focused-poiner {
background-color: #fff;
}
border-left-color: #fff;
}
&.system {

View file

@ -21,15 +21,23 @@
background-color: #fff;
text-align: left;
border: 1px solid transparent;
border-radius: 2px;
border-radius: 3px;
position: relative;
&.user {
background-color: #fffddd;
border-color: #fff555;
background-color: #ffd;
border-color: #ff5;
}
&.selected {
background-color: #f5f5f5;
border-color: #ccc;
background-color: #efe;
border-color: #9c9;
}
&.selected::after {
content: "✔";
color: #080;
position: absolute;
right: 4px;
font-family: snappymail;
}
&:hover {
background-color: #eee;

View file

@ -7,8 +7,6 @@
.rl-left-panel-disabled #more-list-dropdown-id + .dropdown-menu {
position: fixed;
top: 40px;
right: auto;
left: 0;
}
.b-system-drop-down {

View file

@ -81,10 +81,6 @@ label.inline, span.inline {
}
}
.btn-group.btn-group-custom-margin > .btn + .btn {
margin-left: 0;
}
.btn {
// &:active {
// .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.3), 0 0 0 rgba(0,0,0,.1)");

View file

@ -10,6 +10,7 @@ import { AbstractViewRight } from 'Knoin/AbstractViews';
import { KeyboardShortcutsHelpPopupView } from 'View/Popup/KeyboardShortcutsHelp';
import { AccountPopupView } from 'View/Popup/Account';
import { ContactsPopupView } from 'View/Popup/Contacts';
import { Settings } from 'Common/Globals';
@ -35,6 +36,8 @@ export class AbstractSystemDropDownUserView extends AbstractViewRight {
capaAdditionalAccounts: Settings.capa(Capa.AdditionalAccounts)
});
this.allowContacts = !!AppStore.contactsIsAllowed();
this.addAccountClick = this.addAccountClick.bind(this);
addEventListener('audio.stop', () => AppStore.currentAudio(''));
@ -76,6 +79,12 @@ export class AbstractSystemDropDownUserView extends AbstractViewRight {
}
}
contactsClick() {
if (this.allowContacts) {
showScreenPopup(ContactsPopupView);
}
}
logoutClick() {
rl.app.logout();
}