devextreme/less/sources/widgets/ios7/diagram.ios7.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/ios7/diagram.ios7.less)
* Version: 19.2.6
* Build date: Thu Jan 30 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "../base/diagram.less";
@import (once) "./drawer.ios7.less";
@import (once) "./loadIndicator.ios7.less";
@import (once) "./tooltip.ios7.less";
@import (once) "./accordion.ios7.less";
@import (once) "./scrollView.ios7.less";
@import (once) "./form.ios7.less";
@import (once) "./toolbar.ios7.less";
@import (once) "./contextMenu.ios7.less";
@import (once) "./fileUploader.ios7.less";
@import (once) "./popup.ios7.less";

@IOS7_DIAGRAM_TOOLBAR_ICON_SIZE: 18px;
@DIAGRAM_TOOLBAR_COLORBUTTON_BORDER_WIDTH: 3px;
@DIAGRAM_TOUCHBAR_ITEM_PADDING: 6px;

.dx-diagram {
    .dx-diagram-toolbar-wrapper {
        border-bottom: 1px solid @IOS7_BORDER;
    }

    &.dx-diagram-fullscreen {
        background-color: @IOS7_BACKGROUND;
    }
}

.dx-diagram-toolbar,
.dx-dropdownmenu-popup {
    .dx-diagram-select-b,
    .dx-diagram-color-b {
        .dx-dropdowneditor-field-template-wrapper {
            .dx-icon {
                font-size: @IOS7_DIAGRAM_TOOLBAR_ICON_SIZE;
                color: @IOS7_BUTTON_TEXT;
            }
        }
    }
}

.dx-diagram-touchbar {
    .dx-menu-item .dx-menu-item-content {
        padding: @DIAGRAM_TOUCHBAR_ITEM_PADDING;
    }

    .dx-menu-separator {
        width: 1px;
        height: @IOS7_DIAGRAM_TOOLBAR_ICON_SIZE + @DIAGRAM_TOUCHBAR_ITEM_PADDING + @DIAGRAM_TOUCHBAR_ITEM_PADDING + 2;
        margin: 0;
    }
}

.diagram-icons-mixin(@IOS7_BUTTON_TEXT, @IOS7_CONTEXT_MENU_TEXT_COLOR, @IOS7_DIAGRAM_TOOLBAR_ICON_SIZE);