@agilemotion/oui-react-js 1.8.36 → 1.8.38

package/dist/assets/jss/components/navbarLinksStyle.jsx

@@ -0,0 +1,155 @@
+import {
+    defaultFont,
+    dangerColor,
+    whiteColor
+} from "../rootStyle";
+
+import customDropdownStyle from "./customDropdownStyle";
+
+const adminNavbarLinksStyle = theme => ({
+    ...customDropdownStyle(theme),
+    search: {
+        margin: "0",
+        paddingTop: "7px",
+        paddingBottom: "7px",
+        [theme.breakpoints.down("sm")]: {
+            margin: "10px 15px",
+            float: "none !important",
+            paddingTop: "1px",
+            paddingBottom: "1px",
+            padding: "10px 15px",
+            width: "auto"
+        }
+    },
+    searchInput: {
+        paddingTop: "2px"
+    },
+    searchRTL: {
+        [theme.breakpoints.down("sm")]: {
+            marginRight: "18px !important"
+        },
+        [theme.breakpoints.up("md")]: {
+            marginLeft: "12px"
+        }
+    },
+    linkText: {
+        zIndex: "4",
+        ...defaultFont,
+        fontSize: "14px",
+        margin: "0!important",
+        textTransform: "none"
+    },
+    buttonLink: {
+        [theme.breakpoints.down("sm")]: {
+            display: "flex",
+            margin: "5px 15px 0",
+            width: "auto",
+            height: "auto",
+            "& svg": {
+                width: "30px",
+                height: "24px",
+                marginRight: "19px",
+                marginLeft: "3px"
+            },
+            "& .fab,& .fas,& .far,& .fal,& .material-icons": {
+                width: "30px",
+                fontSize: "24px",
+                lineHeight: "30px",
+                marginRight: "19px",
+                marginLeft: "3px"
+            }
+        }
+    },
+    searchButton: {
+        [theme.breakpoints.down("sm")]: {
+            top: "-50px !important",
+            marginRight: "38px",
+            float: "right"
+        }
+    },
+    top: {
+        zIndex: "4"
+    },
+    searchIcon: {
+        width: "17px",
+        zIndex: "4"
+    },
+    links: {
+        width: "20px",
+        height: "20px",
+        zIndex: "4",
+        [theme.breakpoints.down("sm")]: {
+            display: "block",
+            width: "30px",
+            height: "30px",
+            color: "inherit",
+            opacity: "0.8",
+            marginRight: "16px",
+            marginLeft: "-5px"
+        }
+    },
+    notifications: {
+        zIndex: "4",
+        [theme.breakpoints.up("md")]: {
+            position: "absolute",
+            top: "5px",
+            border: "1px solid " + whiteColor,
+            right: "5px",
+            fontSize: "9px",
+            background: dangerColor[0],
+            color: whiteColor,
+            minWidth: "16px",
+            height: "16px",
+            borderRadius: "10px",
+            textAlign: "center",
+            lineHeight: "14px",
+            verticalAlign: "middle",
+            display: "block"
+        },
+        [theme.breakpoints.down("sm")]: {
+            ...defaultFont,
+            fontSize: "14px",
+            marginRight: "8px"
+        }
+    },
+    wrapperRTL: {
+        [theme.breakpoints.up("md")]: {
+            paddingLeft: "16px"
+        }
+    },
+    buttonLinkRTL: {
+        [theme.breakpoints.down("sm")]: {
+            alignItems: "center",
+            justifyContent: "flex-end",
+            width: "-webkit-fill-available",
+            margin: "10px 15px 0",
+            padding: "10px 15px",
+            display: "block",
+            position: "relative"
+        }
+    },
+    labelRTL: {
+        [theme.breakpoints.down("sm")]: {
+            flexDirection: "row-reverse",
+            justifyContent: "initial",
+            display: "flex"
+        }
+    },
+    linksRTL: {
+        [theme.breakpoints.down("sm")]: {
+            marginRight: "-5px !important",
+            marginLeft: "16px !important"
+        }
+    },
+    managerClasses: {
+        [theme.breakpoints.up("md")]: {
+            display: "inline-block"
+        }
+    },
+    headerLinksSvg: {
+        width: "20px !important",
+        height: "20px !important"
+    }
+});
+
+export default adminNavbarLinksStyle;

package/dist/assets/jss/components/navbarStyle.jsx

@@ -0,0 +1,94 @@
+import {
+    containerFluid,
+    defaultFont,
+    primaryColor,
+    defaultBoxShadow,
+    infoColor,
+    successColor,
+    warningColor,
+    dangerColor,
+    whiteColor,
+    grayColor
+} from "../rootStyle";
+
+const headerStyle = () => ({
+    appBar: {
+        backgroundColor: "transparent",
+        boxShadow: "none",
+        borderBottom: "0",
+        marginBottom: "0",
+        position: "absolute",
+        width: "100%",
+        paddingTop: "10px",
+        zIndex: "1029",
+        color: grayColor[6],
+        border: "0",
+        borderRadius: "3px",
+        padding: "10px 0",
+        transition: "all 150ms ease 0s",
+        minHeight: "50px",
+        display: "block"
+    },
+    container: {
+        ...containerFluid,
+        minHeight: "50px"
+    },
+    flex: {
+        flex: 1
+    },
+    title: {
+        ...defaultFont,
+        lineHeight: "30px",
+        fontSize: "18px",
+        borderRadius: "3px",
+        textTransform: "none",
+        color: "inherit",
+        paddingTop: "0.625rem",
+        paddingBottom: "0.625rem",
+        margin: "0 !important",
+        letterSpacing: "unset",
+        "&:hover,&:focus": {
+            background: "transparent"
+        }
+    },
+    primary: {
+        backgroundColor: primaryColor[0],
+        color: whiteColor,
+        ...defaultBoxShadow
+    },
+    info: {
+        backgroundColor: infoColor[0],
+        color: whiteColor,
+        ...defaultBoxShadow
+    },
+    success: {
+        backgroundColor: successColor[0],
+        color: whiteColor,
+        ...defaultBoxShadow
+    },
+    warning: {
+        backgroundColor: warningColor[0],
+        color: whiteColor,
+        ...defaultBoxShadow
+    },
+    danger: {
+        backgroundColor: dangerColor[0],
+        color: whiteColor,
+        ...defaultBoxShadow
+    },
+    sidebarMinimize: {
+        float: "left",
+        padding: "0 0 0 15px",
+        display: "block",
+        color: grayColor[6]
+    },
+    sidebarMinimizeRTL: {
+        padding: "0 15px 0 0 !important"
+    },
+    sidebarMiniIcon: {
+        width: "20px",
+        height: "17px"
+    }
+});
+
+export default headerStyle;