Apply small-icon class for better layout

pull/3972/head
Henriette Dinger 9 years ago
parent c8fad158d2
commit 26ecee5001
  1. 2
      app/assets/javascripts/jstoolbar/jstoolbar.js
  2. 3
      app/assets/stylesheets/content/_in_place_editing.sass
  3. 4
      frontend/app/ui_components/wiki-toolbar-directive.js

@ -172,7 +172,7 @@ jsToolBar.prototype = {
button: function(toolName) {
var tool = this.elements[toolName];
if (typeof tool.fn[this.mode] != 'function') return null;
var b = new jsButton(tool.title, tool.fn[this.mode], this, 'jstb_'+toolName);
var b = new jsButton(tool.title, tool.fn[this.mode], this, 'icon-small jstb_'+toolName);
if (tool.icon != undefined) b.icon = tool.icon;
return b;
},

@ -105,7 +105,8 @@
.jstb_ol,
.jstb_preview,
.jstb_help
display: inline-block
display: inline-flex
justify-content: center
.inplace-edit--select
.select2-display-none

@ -31,7 +31,7 @@ module.exports = function() {
'"resizable=yes, location=no, width=600, height=640, ' +
'menubar=no, status=no, scrollbars=yes"); return false;',
HELP_LINK_HTML = jQuery('<button title="' + I18n.t('js.inplace.link_formatting_help') + '"' +
' class="jstb_help icon icon-help1" ' +
' class="jstb_help icon icon-help1 icon-small" ' +
' type="button" ' +
'onclick="' + HELP_LINK_ONCLICK + '">' +
'<span class="hidden-for-sighted">' +
@ -41,7 +41,7 @@ module.exports = function() {
PREVIEW_DISABLE_TEXT = I18n.t('js.inplace.btn_preview_disable'),
PREVIEW_BUTTON_CLASS = 'jstb_preview',
PREVIEW_BUTTON_ATTRIBUTES = {
'class': PREVIEW_BUTTON_CLASS + ' icon-preview',
'class': PREVIEW_BUTTON_CLASS + ' icon-preview icon-small',
type: 'button',
title: PREVIEW_ENABLE_TEXT,
text: ''

Loading…
Cancel
Save