@messenger-box/platform-browser 10.0.3-alpha.17 → 10.0.3-alpha.171

package/src/style.ts

@@ -1,401 +0,0 @@
-export const styleSheet = {
-    customStyle:{
-        '& .root_div': {},
-        '& .dashboard_window': {
-            display: 'flex',
-            width: '100%',
-            height: 'calc(100vh - 150px)',
-            overflow: 'hidden',
-            '@media (max-width: 768px)': {
-                margin: '0px -24px',
-                height: 'calc(100vh - 220px)',
-                overflow: 'unset',
-            },
-        },
-        '& .left_bar': {
-            background: '#2b5ebf',
-            margin: '0',
-            maxWidth: '220px',
-            width: '100%',
-            '@media (max-width: 768px)': {
-                transform: 'translate3d(-330px, 0, 0)',
-                transition: 'all .35s ease',
-                transitionDelay: '0s',
-                marginTop: '-52px',
-                zIndex: '10',
-                maxWidth: '0',
-            },
-        },
-        '& .route_view': {
-            width: '100%',
-        },
-        '& .drawer_style': {
-            transform: 'translate3d(0px, 0, 0) !important',
-            transition: 'all .35s ease',
-            transitionDelay: '0s',
-            maxWidth: '220px !important',
-        },
-        '& .main_wraper': {
-            margin: '0',
-            background: '#fff',
-            minHeight: 'unset',
-            marginBottom: '30px',
-            width: '100%',
-            maxWidth: '100%',
-            '@media (max-width: 768px)': {
-                '& .chat_head_mid': {
-                    display: 'none',
-                },
-            },
-            '& .chat_raw': {},
-        },
-        '& .ant-page-header': {
-            display: 'none',
-        },
-
-        '& .ant-layout': {
-            background: '#fff !important',
-        },
-        '& .ant-pro-setting-drawer-handle': {
-            top: '87px',
-        },
-        '& .sidebar-section__header': {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            fontWeight: '600',
-            margin: '1em 0 0.3em',
-            padding: '0 12px 0 15px',
-            textTransform: 'uppercase',
-            height: '28px',
-            width: '100%',
-        },
-        '& .num_style': {
-            flex: '0 0 auto',
-            background: '#ffffff4d',
-            borderRadius: '2px',
-            height: '15px',
-            lineHeight: '14px',
-            margin: '0 9px 0 -1px',
-            textAlign: 'center',
-            width: '15px',
-            top: '0',
-        },
-        '& .icon__globe': {
-            marginRight: '5px',
-            display: 'inline-flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            fontSize: '14px',
-        },
-        '& .nav-more': {
-            display: 'block',
-            lineHeight: '1.5',
-            textAlign: 'left',
-            width: '100%',
-            fontSize: '14px',
-            color: '#9fbddb',
-            outline: 'none',
-            overflow: 'hidden',
-            padding: '5px 0 5px 15px',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            '> span': {
-                fontSize: '14px',
-                color: '#9fbddb',
-            },
-        },
-        '& .sidebar-item': {
-            alignItems: 'center',
-            color: 'rgb(159, 189, 219)',
-            borderRadius: '0',
-            display: 'flex',
-            lineHeight: '1.5',
-            outline: 'none',
-            overflow: 'hidden',
-            padding: '5px 5px 5px 15px',
-            textDecoration: 'none',
-            textAlign: 'left',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            width: '100%',
-            '> span': {
-                fontSize: '14px',
-            },
-        },
-        '& .nav-pills__container': {
-            '> ul': {
-                paddingLeft: '0',
-                marginBottom: '0',
-                listStyle: 'none',
-                '> li': {
-                    float: 'left',
-                    position: 'relative',
-                    display: 'flex',
-                    width: '100%',
-                    '> h4': {
-                        fontSize: '1.1em',
-                        fontWeight: '600',
-                        margin: '0',
-                        color: '#9fbddb',
-                    },
-                    '> button': {
-                        float: 'right',
-                        fontSize: '1.9em',
-                        fontWeight: '700',
-                        textDecoration: 'none',
-                        borderRadius: '50%',
-                        lineHeight: '0',
-                        height: '28px',
-                        color: '#ffffffcc',
-                        background: 'unset',
-                        border: 'none',
-                    },
-                },
-            },
-        },
-        '& .ant-row': {
-            padding: '8px 0px 20px 0px',
-            width: '100%',
-            flexWrap: 'wrap',
-            display: 'block',
-            margin: '0 !important',
-            '& .ant-col': {
-                padding: '0 !important',
-                '& .sd': {
-                    padding: 'unset',
-                },
-                '& .ant-comment-inner': {
-                    display: 'flex',
-                    padding: '16px 30px',
-                },
-            },
-        },
-        '& .navbar_header': {
-            background: '#2b5ebf',
-            display: 'none',
-            color: 'white',
-            float: 'none',
-            margin: '0 -15px',
-            '@media (max-width: 768px)': {
-                margin: '0px -24px',
-                display: 'flex',
-            },
-            '& .navbar_toggle': {
-                display: 'block',
-                borderColor: 'transparent',
-                borderRadius: '0',
-                borderWidth: '0',
-                fill: '#fff',
-                float: 'left',
-                height: '50px',
-                lineHeight: '48px',
-                margin: '0',
-                padding: '0 10px',
-                width: '50px',
-                zIndex: '5',
-                backgroundColor: 'transparent',
-                backgroundImage: 'none',
-                border: '1px solid transparent',
-                position: 'relative',
-            },
-            '& .navbar_brand': {
-                flex: '1',
-                fontSize: '16px',
-                height: '50px',
-                lineHeight: '50px',
-                overflow: 'hidden',
-                padding: '0',
-                display: 'flex',
-                float: 'left',
-                '& .menu_wrapper': {
-                    position: 'relative',
-                    '> a': {
-                        color: 'white',
-                        alignItems: 'center',
-                        display: 'flex',
-                        overflow: 'hidden',
-                        textDecoration: 'none',
-                    },
-                    '& .header-dropdown__icon': {
-                        marginLeft: '8px',
-                    },
-                },
-            },
-        },
-        '& .clicked_class': {
-            position: 'relative',
-            ':before': {
-                content: '" "',
-                position: 'absolute',
-                width: '1000px',
-                height: '100%',
-                background: '#0000005e',
-                top: '0',
-                zIndex: '2',
-                pointerEvents: 'none',
-            },
-        },
-    },
-    modelStyle:{
-        display: 'flex',
-        flexDirection: 'column',
-        height: 'calc(90vh - 120px)',
-        width: '100%',
-        overflowX: 'hidden',
-        padding: '10px 0 15px',
-        maxHeight: 'calc(90vh - 80px)',
-        overflow: 'auto',
-        '& .ant-comment-content-author-name': {
-            fontWeight: '600',
-            lineHeight: '18px',
-            color: '#3d3c40',
-            fontSize: '.9em',
-        },
-        '& .ant-comment-content-detail': {
-            fontWeight: '600',
-            lineHeight: '18px',
-            color: '#9a9a9c',
-            fontSize: '.9em',
-        },
-        '& .root_modal': {
-            display: 'flex',
-            flexDirection: 'column',
-            height: 'calc(90vh - 120px)',
-            width: '100%',
-            '& .root_first': {
-                margin: '5px 0 10px',
-                width: '100%',
-            },
-            '& .root_sec': {
-                display: 'flex',
-                flexDirection: 'column',
-                flexGrow: '500',
-                height: '1px',
-                flex: '1 1 auto',
-                '& .nest_root_sec': {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    height: '1px',
-                    flexGrow: '500',
-                    '& .nest_loop': {
-                        minHeight: '100%',
-                        overflow: 'auto',
-                    },
-                },
-            },
-        },
-        '& .search_box': {
-            display: 'flex',
-            '> input': {
-                borderRadius: '4px',
-                borderStyle: 'solid',
-                borderWidth: '1px',
-                width: '100%',
-                height: '36px',
-                borderColor: '#3d3c4033',
-                padding: '0px 15px',
-                fontSize: '14px',
-            },
-            '> button': {
-                maxWidth: '70px',
-                width: '100%',
-                marginLeft: '15px',
-                background: 'rgb(22, 109, 224)',
-                border: 'none',
-                color: 'white',
-            },
-            '& .temp': {
-                width: '100%',
-            },
-        },
-        '& .mid_line': {
-            '> p': {
-                display: 'flex',
-                justifyContent: 'space-between',
-                width: '100%',
-                padding: '10px 0px 0',
-                color: '#3d3c40',
-                opacity: '.6',
-                fontSize: '14px',
-            },
-        },
-    },
-    directMoreStyle:{
-        marginLeft: 'auto',
-        '& .public_more_body': {
-            display: 'flex',
-            flexDirection: 'column',
-            height: 'calc(90vh - 120px)',
-            width: '100%',
-            overflowX: 'hidden',
-            padding: '10px 0 15px',
-            maxHeight: 'calc(90vh - 80px)',
-            overflow: 'auto',
-            '> input': {
-                width: '100%',
-                padding: '6px 12px',
-                height: '34px',
-                fontSize: '14px',
-                border: '1px solid #ccc',
-            },
-            '& .loop_style': {
-                '& .loop_div': {
-                    borderBottom: '1px solid #00000026',
-                    display: 'flex',
-                    padding: '10px 15px',
-                    alignItems: 'center',
-                    '> h5': {
-                        alignSelf: 'center',
-                        flexGrow: '1',
-                        flexShrink: '1',
-                        overflow: 'hidden',
-                        paddingLeft: '10px',
-                        textOverflow: 'ellipsis',
-                        cursor: 'pointer',
-                    },
-                    '> button': {
-                        borderColor: 'transparent',
-                        background: '#336de0',
-                        color: 'white',
-                        marginBottom: '0',
-                        display: 'inline-block',
-                        fontWeight: 'normal',
-                        textAlign: 'center',
-                        whiteSpace: 'nowrap',
-                        verticalAlign: 'middle',
-                        border: '1px solid transparent',
-                        padding: '6px 12px',
-                    },
-                },
-            },
-            '& .no_channel_message': {
-                padding: '5em 1em',
-                textAlign: 'center',
-                color: '#3d3c40',
-                '& .primary_message': {
-                    fontSize: '1.25em',
-                },
-                '& .secondary_message': {
-                    opacity: '.8',
-                    margin: '1em 0 0',
-                },
-            },
-        },
-        '> button': {
-            margin: '-4px 21px 0 0',
-            position: 'relative',
-            background: '#166de0',
-            borderColor: 'transparent',
-            borderRadius: '2px',
-            display: 'inline-block',
-            fontWeight: 'normal',
-            textAlign: 'center',
-            whiteSpace: 'nowrap',
-            verticalAlign: 'middle',
-            touchAction: 'manipulation',
-            border: '1px solid transparent',
-            padding: '6px 12px',
-        },
-    },
-} as any;