Small GUI fixes (#1014)

This commit is contained in:
RainLoop Team
2016-04-29 23:28:02 +03:00
parent f64b63c549
commit 3215c5f8d3
13 changed files with 73 additions and 48 deletions

View File

@@ -19,14 +19,9 @@
right: 0;
left: 0;
height: 30px;
padding: 10px 10px 0 @rlLowMargin;
padding: 10px 0 0 @rlLowMargin;
color: #fff;
z-index: 101;
html.rl-left-panel-enabled &{
overflow: hidden;
white-space: nowrap;
}
}
.b-footer {
@@ -137,7 +132,6 @@
}
}
&.system {
cursor: default;
color: grey;
@@ -237,7 +231,29 @@
/**/
}
.btn {
.btn-text-wrp {
padding-left: 7px;
white-space: normal;
}
&.buttonCompose {
width: calc(~'100% - 85px');
max-width: fit-content;
white-space: nowrap;
overflow: hidden;
height: 20px;
display: inline-block;
}
}
html.rl-left-panel-disabled, html.rl-left-panel-short {
.buttonComposeText{
display: none;
}
.btn.buttonCompose {
width: auto;
}
.btn.buttonContacts {
margin-top: 10px !important;
margin-left: 0 !important;

View File

@@ -91,6 +91,35 @@ select {
white-space: nowrap;
}
.btn.btn-transparent {
background: none !important;
border-color: transparent !important;
text-shadow: none !important;
box-shadow: none !important;
opacity: .6;
[class^="icon-"] {
width: 19px;
height: 19px;
line-height: 20px;
font-size: 19px;
}
&:hover {
opacity: 1;
}
}
.btn-group.open .btn.btn-transparent.dropdown-toggle {
color: #BD362F;
.caret {
border-top-color: #BD362F;
}
[class^="icon-"]:before {
color: #BD362F;
}
}
.btn.btn-narrow {
padding-left: 12px;
padding-right: 12px;

View File

@@ -63,18 +63,10 @@
this.isInboxStarred = ko.computed(function () {
return FolderStore.currentFolder() &&
FolderStore.currentFolder().isInbox() &&
'is:flagged' === MessageStore.messageListSearch()
-1 < Utils.trim(MessageStore.messageListSearch()).indexOf('is:flagged')
;
});
this.displayNewText = ko.observable(false);
this.displayNewMessageText = ko.observable(false);
Globals.leftPanelWidth.subscribe(function(v){
this.displayNewText(170 < v && 230 >= v);
this.displayNewMessageText(230 < v);
}, this);
kn.constructorEnd(this);
}

View File

@@ -2,7 +2,7 @@
"name": "RainLoop",
"title": "RainLoop Webmail",
"version": "1.9.4",
"release": "415",
"release": "417",
"description": "Simple, modern & fast web-based email client",
"homepage": "http://rainloop.net",
"main": "gulpfile.js",
@@ -40,7 +40,7 @@
"plugins"
],
"readmeFilename": "README.md",
"ownCloudPackageVersion": "4.14",
"ownCloudPackageVersion": "4.15",
"engines": {
"node": ">= 0.10.0"
},

View File

@@ -215,6 +215,7 @@ it_IT:
BUTTON_CLOSE: "Chiudi"
BUTTON_ADD: "Aggiungi"
BUTTON_UPDATE: "Aggiorna"
NEW_DOMAIN_DESC: "La configurazione di questo dominio ti permette di lavorare <br />con <i>%NAME%</i> indirizzi email."
WHITE_LIST_ALERT: |
Lista di domini a cui gli utenti sono autorizzati ad accedere.
Utilizzare uno spazio come separatore.
@@ -291,6 +292,7 @@ it_IT:
DEMO_SEND_MESSAGE_ERROR: "Per ragioni di sicurezza, questo account non è abilitato ad inviare email all'esterno."
DEMO_ACCOUNT_ERROR: "Per ragioni di sicurezza, questa funzionalità è bloccata."
ACCOUNT_ALREADY_EXISTS: "Questo account esiste già"
ACCOUNT_DOES_NOT_EXIST: "L'account non esiste"
MAIL_SERVER_ERROR: "Errore durante la connessione con il server mail"
INVALID_INPUT_ARGUMENT: "Argomento non valido"
UNKNOWN_ERROR: "Errore sconosciuto"

View File

@@ -50,7 +50,6 @@ en:
FOLDER_LIST:
BUTTON_COMPOSE: "Compose"
BUTTON_CONTACTS: "Contacts"
BUTTON_NEW: "New"
BUTTON_NEW_MESSAGE: "New message"
INBOX_NAME: "Inbox"
STARRED_NAME: "Starred"

View File

@@ -50,7 +50,6 @@ en_GB:
FOLDER_LIST:
BUTTON_COMPOSE: "Compose"
BUTTON_CONTACTS: "Contacts"
BUTTON_NEW: "New"
BUTTON_NEW_MESSAGE: "New message"
INBOX_NAME: "Inbox"
STARRED_NAME: "Starred"

View File

@@ -50,7 +50,6 @@ en_US:
FOLDER_LIST:
BUTTON_COMPOSE: "Compose"
BUTTON_CONTACTS: "Contacts"
BUTTON_NEW: "New"
BUTTON_NEW_MESSAGE: "New message"
INBOX_NAME: "Inbox"
STARRED_NAME: "Starred"

View File

@@ -50,7 +50,9 @@ hu_HU:
FOLDER_LIST:
BUTTON_COMPOSE: "Levélírás"
BUTTON_CONTACTS: "Névjegyek"
BUTTON_NEW_MESSAGE: "Új üzenet"
INBOX_NAME: "Beérkező levelek"
STARRED_NAME: "Csillagozott"
SENT_NAME: "Elküldött levelek"
DRAFTS_NAME: "Piszkozatok"
SPAM_NAME: "Levélszemét"
@@ -621,6 +623,7 @@ hu_HU:
NO_PRIVATE_KEY_FOUND: "Nem találtam privát kulcsot"
NO_PRIVATE_KEY_FOUND_FOR: "Nem találtam privát kulcsot ehhez az e-mailhez: \"%EMAIL%\""
ADD_A_PUBLICK_KEY: "Publikus kulcs hozzáadás"
SELECT_A_PRIVATE_KEY: "Privát kulcs választás"
UNVERIFIRED_SIGNATURE: "Nem ellenőrzött aláírás"
DECRYPTION_ERROR: "OpenPGP visszafejtési hiba"
GOOD_SIGNATURE: "Jó aláírás tőle: %USER%"

View File

@@ -51,6 +51,7 @@ it_IT:
BUTTON_COMPOSE: "Scrivi messaggio"
BUTTON_CONTACTS: "Contatti"
INBOX_NAME: "Posta in arrivo"
STARRED_NAME: "Preferiti"
SENT_NAME: "Posta inviata"
DRAFTS_NAME: "Bozze"
SPAM_NAME: "Spam"
@@ -620,6 +621,7 @@ it_IT:
NO_PRIVATE_KEY_FOUND: "Nessuna chiave privata trovata"
NO_PRIVATE_KEY_FOUND_FOR: "Nessuna chiave privata trovata per l'indirizzo email \"%EMAIL%\"\n"
ADD_A_PUBLICK_KEY: "Add a public key"
SELECT_A_PRIVATE_KEY: "Seleziona una chiave privata"
UNVERIFIRED_SIGNATURE: "Firma non verificata"
DECRYPTION_ERROR: "Decriptazione con OpenPGP fallita"
GOOD_SIGNATURE: "Firma valida da %USER%"

View File

@@ -50,8 +50,7 @@ ru_RU:
FOLDER_LIST:
BUTTON_COMPOSE: "Написать"
BUTTON_CONTACTS: "Контакты"
BUTTON_NEW: "Новое"
BUTTON_NEW_MESSAGE: "Написать"
BUTTON_NEW_MESSAGE: "Новое сообщение"
INBOX_NAME: "Входящие"
STARRED_NAME: "Отмеченные"
SENT_NAME: "Отправленные"

View File

@@ -1,13 +1,8 @@
<div class="b-folders g-ui-user-select-none thm-folders" data-bind="css: {'focused': folderListFocused, 'single-root-inbox': foldersListWithSingleInboxRootFolder, 'inbox-is-starred': isInboxStarred}">
<div class="b-toolbar btn-toolbar">
<a class="btn btn-nowrap buttonCompose pull-left" data-tooltip-join="top" data-bind="visible: allowComposer, click: composeClick, tooltip: 'FOLDER_LIST/BUTTON_NEW_MESSAGE', css: {'btn-warning': composeInEdit, 'btn-success': !composeInEdit()}">
<a class="btn buttonCompose pull-left" data-tooltip-join="top" data-bind="visible: allowComposer, click: composeClick, tooltip: 'FOLDER_LIST/BUTTON_NEW_MESSAGE', css: {'btn-warning': composeInEdit, 'btn-success': !composeInEdit()}">
<i class="icon-paper-plane"></i>
<span data-bind="visible: displayNewText">
&nbsp;&nbsp;
<span class="i18n" data-i18n="FOLDER_LIST/BUTTON_NEW"></span>
</span>
<span data-bind="visible: displayNewMessageText">
&nbsp;&nbsp;
<span class="btn-text-wrp buttonComposeText">
<span class="i18n" data-i18n="FOLDER_LIST/BUTTON_NEW_MESSAGE"></span>
</span>
</a>

View File

@@ -72,32 +72,22 @@
<div class="message-fixed-button-toolbar clearfix" data-bind="visible: message">
<nobr>
<div class="btn-group pull-right">
<div class="btn-group pull-right" data-bind="registrateBootstrapDropdown: true,
visible: allowComposer || allowMessageListActions || allowMessageActions">
<a class="btn btn-thin last btn-dark-disabled-border dropdown-toggle buttonMore"
id="more-view-dropdown-id" href="#" tabindex="-1"
data-toggle="dropdown" data-tooltip-join="bottom"
style="margin-left: -1px;"
data-bind="command: messageVisibilityCommand, tooltip: 'MESSAGE/BUTTON_MORE',
css: {'first': !allowComposer}">
<div class="btn-group pull-right" style="margin-right: -8px;">
<div class="btn-group pull-right" data-bind="registrateBootstrapDropdown: true, visible: allowComposer || allowMessageListActions || allowMessageActions">
<a class="btn btn-thin btn-transparent last btn-dark-disabled-border dropdown-toggle buttonMore" id="more-view-dropdown-id" href="#" tabindex="-1" data-toggle="dropdown" data-tooltip-join="bottom" style="margin-left: -1px;" data-bind="command: messageVisibilityCommand, tooltip: 'MESSAGE/BUTTON_MORE', css: {'first': !allowComposer}">
<span data-bind="visible: !allowComposer" class="icon-ellipsis-alt"></span>
<span data-bind="visible: allowComposer" class="caret"></span>
</a>
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="more-view-dropdown-id">
<div data-bind="visible: allowComposer && !isDraftFolder()">
<li class="e-item" role="presentation"
data-bind="visible: 'reply' !== lastReplyAction()">
<li class="e-item" role="presentation" data-bind="visible: 'reply' !== lastReplyAction()">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: replyCommand">
<i class="icon-reply"></i>
&nbsp;&nbsp;
<span class="i18n" data-i18n="MESSAGE/BUTTON_REPLY"></span>
</a>
</li>
<li class="e-item" role="presentation"
data-bind="visible: 'replyall' !== lastReplyAction()">
<li class="e-item" role="presentation" data-bind="visible: 'replyall' !== lastReplyAction()">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: replyAllCommand">
<i class="icon-reply-all"></i>
&nbsp;&nbsp;
@@ -193,15 +183,15 @@
</div>
</ul>
</div>
<a class="btn first btn-dark-disabled-border buttonReply pull-right" data-tooltip-join="bottom"
<a class="btn btn-thin btn-transparent first btn-dark-disabled-border buttonReply pull-right" data-tooltip-join="bottom"
data-bind="visible: 'reply' === lastReplyAction() && allowComposer, command: replyCommand, tooltip: 'MESSAGE/BUTTON_REPLY'">
<i class="icon-reply"></i>
</a>
<a class="btn first btn-dark-disabled-border buttonReplyAll pull-right" data-tooltip-join="bottom"
<a class="btn btn-thin btn-transparent first btn-dark-disabled-border buttonReplyAll pull-right" data-tooltip-join="bottom"
data-bind="visible: 'replyall' === lastReplyAction() && allowComposer, command: replyAllCommand, tooltip: 'MESSAGE/BUTTON_REPLY_ALL'">
<i class="icon-reply-all"></i>
</a>
<a class="btn first btn-dark-disabled-border buttonForward pull-right" data-tooltip-join="bottom"
<a class="btn btn-thin btn-transparent first btn-dark-disabled-border buttonForward pull-right" data-tooltip-join="bottom"
data-bind="visible: 'forward' === lastReplyAction() && allowComposer, command: forwardCommand, tooltip: 'MESSAGE/BUTTON_FORWARD'">
<i class="icon-forward"></i>
</a>