Page MenuHomePhorge
Files F3314022

No OneTemporary
Actions

Size
16 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/skins/elastic/styles/styles.less b/skins/elastic/styles/styles.less
index 9be4ed7e0..98a47f058 100644
--- a/skins/elastic/styles/styles.less
+++ b/skins/elastic/styles/styles.less
@@ -1,287 +1,285 @@
/**
* Roundcube webmail styles for the Elastic skin
*
* Copyright (c) 2017, The Roundcube Dev Team
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
@import (reference) "fontawesome";
@import (reference) "colors";
/*** Fonts ***/
@font-face {
font-family: 'Icons';
src: url("../fonts/fontawesome.woff2") format('woff2'),
url("../fonts/fontawesome.woff") format('woff');
font-style: normal;
font-weight: normal;
font-variant: normal;
text-decoration: inherit;
text-transform: none;
}
/* roboto-regular - greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'),
url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'),
url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'),
url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/roboto-v15-greek-ext_greek_latin_cyrillic-ext_latin-ext_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Reset some Bootstrap style */
body, button, input, optgroup, select, textarea {
font-family: Roboto, sans-serif;
}
button, input, select, textarea {
line-height: initial;
}
@import "layout";
/*** Font-icons ***/
.font-icon-class {
font-size: 1.25em;
/*
display: inline-block;
FIXME: with inline-block we have some problems with icon alignment
*/
display: block;
float: left;
margin: 0em 0.25rem 0em 0em;
width: 1.18em;
height: 1em;
font-family: 'Icons';
font-style: normal;
font-weight: normal;
text-decoration: inherit;
text-align: center;
speak: none;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.animated-icon-class() {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
/*** Common UI elements ***/
.hidden,
.voice {
display: none !important;
}
#rcmdraglayer {
min-width: 260px;
width: auto !important;
width: 260px;
background: @color-drag-layer-background;
z-index: 250;
color: @color-drag-layer;
white-space: nowrap;
opacity: 0.92;
}
.listbox .scroller {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}
#folder-selector {
overflow-y: auto;
li a.virtual {
opacity: .2;
}
}
#content .watermark {
background: url(../images/watermark.jpg) center no-repeat;
width: 100%;
height: 100%;
}
.noselect {
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
}
.iframe-loader {
width: 100%;
height: 100%;
position: absolute;
top: 0;
background-color: rgba(255, 255, 255, 0.95);
display: flex;
align-items: center;
justify-content: center;
.spinner {
position: relative;
display: inline-block;
width: 5rem;
height: 5rem;
overflow: hidden;
text-indent: -999em;
color: @color-spinner-circle;
border: 1rem solid;
border-color: currentColor @color-spinner-item currentColor currentColor;
border-radius: 50%;
- animation-name: fa-spin;
- animation-duration: 1s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
+ -webkit-animation: fa-spin 1s infinite linear;
+ animation: fa-spin 1s infinite linear;
}
}
/*** Widgets ***/
@import "widgets/buttons";
@import "widgets/jqueryui";
@import "widgets/dialogs";
@import "widgets/taskmenu";
@import "widgets/messages";
@import "widgets/toolbar";
@import "widgets/searchbar";
@import "widgets/lists";
@import "widgets/forms";
@import "widgets/messagebody";
@import "widgets/googiespell";
/*** Login form ***/
.task-login #content {
text-align: center;
width: 100%;
background: url(../images/watermark.jpg) center -20px no-repeat;
}
#login-form {
margin: auto;
width: 95%;
max-width: 280px;
/* Fixes input width and position in IE11 */
.row {
max-width: 280px;
margin-right: 0;
margin-left: 0;
}
}
/*** Addressbook UI ***/
#contacts-table {
.contact.readonly td {
font-style: italic;
}
td.action {
/* TODO */
a {
/* TODO */
}
}
span.email {
display: inline;
color: #69939e; /* TODO */
font-style: italic;
margin-left: 0.5em;
}
}
#contactpic {
/* TODO: merge with imap-upload? */
min-width: 112px;
min-height: 112px;
text-align: center;
border-radius: 5px;
overflow: hidden;
img {
max-width: 112px;
max-height: 135px;
}
}
#contactphoto {
/* TODO */
float: left;
margin-right: 0.5em;
}
#contacthead { /* TODO */ }
.contactfieldgroup { /* TODO */ }
diff --git a/skins/elastic/styles/widgets/forms.less b/skins/elastic/styles/widgets/forms.less
index d4656af46..7bd4b9bd5 100644
--- a/skins/elastic/styles/widgets/forms.less
+++ b/skins/elastic/styles/widgets/forms.less
@@ -1,302 +1,306 @@
/**
* Roundcube webmail styles for the Elastic skin
*
* Copyright (c) 2017, The Roundcube Dev Team
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
/*** Common form elements ***/
#uploadform {
display: none;
}
form.smart-upload,
input.smart-upload {
visibility: hidden;
width: 1px;
height: 1px;
opacity: 0;
}
/* TODO: review when decided what css framework to use */
.propform:not(.popupmenu) {
width: 100%;
}
/* Forms fixes for IE and Edge */
html.ms .propform {
.row:not(.form-check) > td {
display: flex;
}
@media screen and (min-width: 576px) {
.row.form-check > td {
display: flex;
}
}
@media screen and (max-width: 575px) {
.row {
display: block;
}
}
}
.formcontent {
padding: 1em;
.row {
margin-right: 0; /* without these the form is too wide causing horizontal scrollbar appearence */
margin-left: 0;
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
/* overwrite Bootstrap's redundant padding */
padding-right: 0;
padding-left: 0;
}
}
.row.form-check {
padding-right: 0; /* without these e.g. inputs in compose screen are not aligned properly */
@media screen and (min-width: 576px) {
display: flex; /* https://github.com/twbs/bootstrap/issues/22348 */
}
/* fixed checkbox vertical alignment */
td:not(.col-form-label) {
padding-top: ~"calc(.5rem - 1px * 2)";
padding-bottom: ~"calc(.5rem - 1px * 2)";
}
.form-check-input {
margin-left: 0; /* fixes checkbox alignment with other inputs in a form */
}
}
td.form-control-plaintext {
padding-top: ~"calc(1rem - 1px * 2)";
padding-bottom: ~"calc(1rem - 1px * 2)";
}
}
.formbuttons {
padding: 0 1em 1em 1em;
}
/* Some common icons for "iconized inputs" */
.input-group-addon.icon {
text-decoration: none;
&:before {
&:extend(.font-icon-class);
margin: 0;
line-height: 1;
}
&.user:before {
content: @fa-var-user;
}
&.pass:before {
content: @fa-var-lock;
}
&.host:before {
content: @fa-var-home;
}
&.cancel:before {
content: @fa-var-close;
}
&.edit:before {
content: @fa-var-pencil;
}
&.add:before {
content: @fa-var-plus;
}
.inner {
display: none;
}
}
td.editfield { width: 99%; /* TODO */ }
/*** Forms in popups ***/
.popupmenu.form {
margin: 0.5rem;
ul {
list-style-type: none;
padding: 0;
}
.buttons {
text-align: center;
}
}
/*** Files upload widget with list of files, upload form and drop area ***/
.file-upload {
/* TODO */
padding: 1em 1em 12em;
margin: 1em;
background-color: #f4f4f4;
.upload-form {
text-align: center;
padding-bottom: 1em;
}
.hint {
margin-bottom: .5rem;
}
.attachmentslist {
padding: 0;
list-style: none;
li {
display: block;
padding-bottom: .5em;
}
}
&.droptarget {
&.hover {
}
&.active {
}
}
}
/*** Smart recipient input field ***/
.recipient-input {
display: block !important; /* overwrites Bootstrap */
min-height: 2.4em;
overflow: hidden;
/* padding: 0.2em 0.5em; */
.recipient {
border: 1px solid #ddd; /* TODO */
background-color: #f4f4f4; /* TODO */
border-radius: 0.25em;
padding: 0 0.25em;
margin-right: 0.2em;
display: inline-block;
white-space: nowrap;
}
.name {
max-width: 25em;
display: inline-block;
line-height: 1.1;
padding: 0.25em;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
}
.email {
text-indent: -5000rem;
display: inline-block;
width: 0;
}
.quotes {
position: absolute;
width: 0;
opacity: 0;
}
a.button.icon {
font-size: 0.8em;
cursor: pointer;
&:before {
float: none;
display: inline-block;
width: 1em;
margin: 0;
}
}
}
/*** Skin selection widget ***/
.skinselection {
white-space: nowrap;
display: table-row;
& > span {
display: table-cell;
vertical-align: middle;
padding: 0.1em 0.5em;
white-space: normal;
&:last-child {
padding-right: 0;
}
}
+ .skinitem input {
+ width: auto;
+ }
+
.skinname {
font-weight: bold;
}
.skinlicense,
.skinlicense a {
font-style: italic;
text-decoration: none;
}
.skinlicense a:hover {
text-decoration: underline;
}
.skinthumbnail {
width: 64px;
height: 64px;
border: 1px solid #ccc; /* TODO */
background: #fff;
border-radius: 4px;
}
}
/*** Image upload widget ***/
.image-upload {
position: relative;
overflow: hidden;
cursor: pointer;
a.button {
display: none;
position: absolute;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 5px;
width: 2.5em;
padding: 0.5em;
margin: 0.5em;
}
&.changed a.button {
display: inline;
}
}
/*** TinyMCE editor ***/
.mce-tinymce.mce-container.mce-panel {
border-radius: 0.25rem;
overflow: hidden;
}
diff --git a/skins/elastic/styles/widgets/messages.less b/skins/elastic/styles/widgets/messages.less
index 3b69ab0ad..aed330139 100644
--- a/skins/elastic/styles/widgets/messages.less
+++ b/skins/elastic/styles/widgets/messages.less
@@ -1,88 +1,88 @@
/**
* Roundcube webmail styles for the Elastic skin
*
* Copyright (c) 2017, The Roundcube Dev Team
*
* The contents are subject to the Creative Commons Attribution-ShareAlike
* License. It is allowed to copy, distribute, transmit and to adapt the work
* by keeping credits to the original autors in the README file.
* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
*/
/*** UI Messages ***/
#messagestack {
position: absolute;
bottom: 0.5em;
right: 0.5em;
- z-index: 50000;
+ z-index: 99;
width: 320px;
height: auto;
max-height: 85%;
overflow-y: auto;
@media screen and (max-width: @screen-width-xs) {
left: 0.5em;
width: auto;
}
div {
&.voice {
position: absolute;
top: -1000px;
}
i.icon {
font-size: 2em !important;
}
a:hover {
text-decoration: underline;
cursor: pointer;
}
}
}
/*
.boxwarning and .boxerror classes are supported by conversion
to .ui.alert in bootstrap_init()
*/
.ui.alert {
margin: 0;
margin-bottom: 0.2em;
opacity: 0.95;
float: left;
width: 100%;
padding: 0.75em;
& > i.icon {
line-height: 1;
}
& > i.icon:before {
&:extend(.font-icon-class);
content: @fa-var-info-circle;
}
&.loading > i.icon:before {
content: @fa-var-circle-o-notch;
.animated-icon-class;
}
&.alert-warning > i.icon:before {
content: @fa-var-warning;
}
&.alert-danger > i.icon:before {
content: @fa-var-exclamation-circle;
}
}
#message-objects {
margin: 0 0.2em;
i.icon {
font-size: 2em !important;
}
}

File Metadata

Mime Type
text/x-diff
Expires
Thu, Apr 9, 2:48 PM (1 d, 2 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
540624
Default Alt Text
(16 KB)

Event Timeline