devextreme/less/sources/widgets/ios7/actionSheet.ios7.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/ios7/actionSheet.ios7.less)
* Version: 20.1.4
* Build date: Tue Jun 02 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "./button.ios7.less";
@import (once) "./popup.ios7.less";
@import (once) "./popover.ios7.less";

.dx-actionsheet-without-title {
    .dx-actionsheet-container {
        border-radius: 6px 6px 6px 6px;
    }
}

.dx-actionsheet-popup-wrapper,
.dx-actionsheet-popover-wrapper {
    .dx-popover-arrow:after {
        background: @IOS7_ACTIONSHEET_BACKGROUND;
    }

    .dx-popup-title {
        padding: 15px 10px;
        border: 0;
        background: @IOS7_ACTIONSHEET_BACKGROUND;
        color: @IOS7_ACTIONSHEET_TITLE;
        font-size: 14px;
        border-radius: 6px 6px 0 0;
        font-weight: normal;

        &.dx-toolbar {
            width: auto;
            height: auto;
        }
    }

    .dx-popup-content {
        padding: 0;
        border-radius: 0;
    }

    .dx-actionsheet-cancel {
        margin: 0 0 8px 0;
        border-radius: 6px;
        border-top: none;
        background: @IOS7_ACTIONSHEET_CANCEL_BACKGROUND;

        .dx-button-text {
            font-weight: bold;
        }

        &.dx-state-active {
            background: @IOS7_ACTIONSHEET_BACKGROUND_ACTIVE;
        }
    }
}

.dx-actionsheet-popup-wrapper {
    .dx-overlay-content {
        border: none;
        background: none;
    }

    .dx-popup-title {
        margin: 0 8px;
    }

    .dx-popup-content {
        margin: 0 8px;
    }
}

.dx-actionsheet-container .dx-button,
.dx-actionsheet-cancel {
    margin: 0;
    padding: 0;
    border-top: 1px solid @IOS7_ACTIONSHEET_BORDER;
    background: @IOS7_ACTIONSHEET_BACKGROUND;

    .dx-hairlines & {
        border-top-width: 0.5px;
    }

    .dx-button-text {
        height: 43px;
        font-size: 20px;
        line-height: 43px;
    }
}

.dx-actionsheet-container {
    overflow: hidden;
    border-radius: 0 0 6px 6px;
    margin-bottom: 8px;

    .dx-popover-wrapper & {
        margin: 0;
    }

    .dx-button {
        border-radius: 0 0 0 0;

        &.dx-state-disabled .dx-button-text {
            color: @IOS7_ACTIONSHEET_BUTTON_DISABLE;
        }

        &.dx-state-active {
            background: @IOS7_ACTIONSHEET_BACKGROUND_ACTIVE;
        }
    }

    .dx-button-text {
        color: @IOS7_ACTIONSHEET_BUTTON;
    }

    .dx-button-danger {
        .dx-button-text {
            color: @IOS7_ACTIONSHEET_BUTTON_DANGER;
        }
    }

    .dx-button-success {
        .dx-button-text {
            color: @IOS7_ACTIONSHEET_BUTTON_SUCCESS;
        }
    }

    &.dx-state-disabled {
        .dx-button {
            .dx-button-disabled;
        }
    }
}

.dx-actionsheet-popover-wrapper {
    .dx-button {
        width: 100%;
    }

    .dx-state-disabled,
    &.dx-state-disabled {
        .dx-actionsheet-container {
            .dx-button {
                .dx-button-disabled;
            }
        }
    }
}