diff --git a/skins/elastic/styles/widgets/common.less b/skins/elastic/styles/widgets/common.less index 93437c3a8..39f880ed4 100644 --- a/skins/elastic/styles/widgets/common.less +++ b/skins/elastic/styles/widgets/common.less @@ -167,6 +167,10 @@ font.bold { } } + table { + margin: 0; + } + /* Options table is a table with first column for identifier/description and other columns for a state flag. E.g. ACL table */ table.options-table { @@ -233,6 +237,66 @@ table.compact-table { } } +table.table { + .checkbox-cell { + width: 3rem; + white-space: nowrap; + overflow: hidden; + text-align: center; + + input.icon-checkbox + label { + display: inline-block; + padding: 0; + + &:before { + line-height: 1; + height: 1rem; + } + } + } + + th.checkbox-cell { + padding: .75rem 0; + max-width: 1rem; + + &:before { + &:extend(.font-icon-class); + cursor: pointer; + margin: 0 1rem; + line-height: 1; + } + + &.subscription:before { + content: @fa-var-feed; + } + + &.alarm:before { + content: @fa-var-bell-o; + } + + &.read:before { + content: @fa-var-eye; + } + + &.write:before { + content: @fa-var-pencil; + } + } + + label { + margin: 0; + } +} + +html.touch { + table.table { + th.checkbox-cell:before { + font-size: 1.5rem; + } + } +} + + /* Bootstrap's .table style overwrites */ .table { thead th { diff --git a/skins/elastic/styles/widgets/lists.less b/skins/elastic/styles/widgets/lists.less index 59472e0ec..55c25462e 100644 --- a/skins/elastic/styles/widgets/lists.less +++ b/skins/elastic/styles/widgets/lists.less @@ -207,7 +207,7 @@ html.touch { content: @fa-var-lock; } &.addressbook a:before { - content: @fa-var-book; + content: @fa-var-address-book-o; } &.contactgroup a:before { content: @fa-var-group; diff --git a/skins/elastic/styles/widgets/messages.less b/skins/elastic/styles/widgets/messages.less index 6fdc113cb..478b8695b 100644 --- a/skins/elastic/styles/widgets/messages.less +++ b/skins/elastic/styles/widgets/messages.less @@ -45,8 +45,8 @@ } /* - .boxwarning and .boxerror classes are supported by conversion - to .ui.alert in bootstrap_init() + .boxwarning/.boxerror/.boxinformation classes are supported + by conversion to .ui.alert in bootstrap_init() */ .ui.alert { @@ -138,6 +138,8 @@ font-weight: normal; } + &.boxerror, + &.boxinformation, &.boxwarning { float: none; border-radius: 0; diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js index 19c4926d1..d5376962a 100644 --- a/skins/elastic/ui.js +++ b/skins/elastic/ui.js @@ -459,7 +459,7 @@ function rcube_elastic_ui() $('input.button.mainaction,button.primary,button.mainaction', context).addClass('btn-primary'); $('button.btn.delete', context).addClass('btn-danger'); - $.each(['warning', 'error'], function() { + $.each(['warning', 'error', 'information'], function() { var type = this; $('.box' + type, context).each(function() { message_displayed({object: this, type: type});