@visns-studio/visns-components 4.7.0 → 4.7.2

package/components/crm/generic/styles/GenericDetail.module.css

@@ -1,634 +0,0 @@
-.grid {
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    flex-wrap: nowrap;
-    height: auto;
-    gap: 1rem;
-}
-
-.grid__row {
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    flex-wrap: nowrap;
-    height: auto;
-    gap: 1rem;
-}
-
-.grid__three {
-    width: 33%;
-    background: var(--item-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    box-sizing: border-box;
-    overflow: visible;
-    position: relative;
-    padding: 20px;
-    margin: 8px 0;
-    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
-}
-
-.grid__half {
-    width: 50%;
-    background: var(--item-color);
-    border-radius: 6px;
-    border: 1px solid #dadce0;
-    box-sizing: border-box;
-    overflow: visible;
-    position: relative;
-    padding: 20px;
-    margin: 8px 0;
-    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
-}
-
-.grid__full {
-    width: 100%;
-    background: var(--item-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    box-sizing: border-box;
-    overflow: visible;
-    position: relative;
-    padding: 2px;
-    margin: 8px 0;
-    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
-}
-
-.grid__dashfull {
-    width: 100%;
-    background: var(--item-color);
-    border-radius: 6px;
-    border: 1px solid #dadce0;
-    box-sizing: border-box;
-    overflow: visible;
-    position: relative;
-    padding: 20px;
-    margin: 8px 0;
-    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
-}
-
-.grid__subrow {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    height: auto;
-    gap: 0.5rem;
-}
-
-.grid__subnav {
-    flex: 1;
-    background: rgba(var(--item-color-rgb), 1.01);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    box-sizing: border-box;
-    padding: 5px;
-    margin: 8px 0;
-    height: auto;
-    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
-}
-
-.grid__subnav > ul {
-    width: 100%;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.grid__subnav > ul li {
-    width: 100%;
-    margin-bottom: 3px;
-}
-
-.grid__subnav > ul li a {
-    width: 100%;
-    padding: 8px 20px;
-    box-sizing: border-box;
-    display: block;
-    text-decoration: none;
-    background: rgba(var(--primary-color-rgb), 0.05);
-    color: var(--primary-color);
-    border-radius: 5px;
-    transition: background 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
-    outline: none;
-    cursor: pointer;
-}
-
-.grid__subnav > ul li:hover a {
-    background: var(--primary-color);
-    color: var(--background-color);
-}
-
-.grid__subnav > ul li .subactive {
-    font-weight: 700;
-    background: var(--primary-color);
-    color: var(--background-color);
-}
-
-.grid__minheight {
-    min-height: 300px;
-}
-
-.noborder {
-    border: none !important;
-}
-
-.grid__subcontent {
-    flex: 0 1 80%;
-    background: var(--item-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    box-sizing: border-box;
-    padding: 2px;
-    margin: 8px 0;
-    height: auto;
-    position: relative;
-    box-shadow: 0 4px 0 rgba(var(--primary-color-rgb), 0.05);
-}
-
-.grid__subcontent h2 {
-    color: var(--primary-color);
-    font-size: 1.35em;
-    padding: 0;
-    margin: 0 0 30px 0;
-}
-
-.gridtxt__header {
-    width: 100%;
-    display: block;
-    background: rgba(var(--item-color-rgb), 1.05);
-    box-sizing: border-box;
-    padding: 10px 20px;
-    border-radius: 0;
-    margin-bottom: 0;
-    font-weight: 700;
-    text-align: center;
-    color: var(--paragraph-color);
-}
-
-.gridtxt__header span {
-    font-weight: 700;
-}
-
-.gridtxt > ul {
-    width: 100%;
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-    flex-wrap: wrap;
-    list-style: none;
-    box-sizing: border-box;
-    padding: 0.85rem;
-    margin: 0;
-}
-
-.gridtxt > ul li {
-    flex: 0 0 calc(50% - 10px);
-    padding: 0.85rem;
-    box-sizing: border-box;
-    border: 1px solid rgba(var(--primary-color-rgb), 0.15);
-    color: var(--paragraph-color);
-    background: rgba(var(--tertiary-color-rgb), 0.95);
-    margin: 5px;
-    border-radius: var(--br);
-    line-height: 1.45;
-}
-
-.gridtxt > ul .fw-grid-item {
-    flex: 0 0 calc(100% - 10px);
-}
-
-.gridtxt > ul .notecolor {
-    border: 1px solid var(--secondary-color);
-}
-
-.crmtitle {
-    border: none;
-    min-height: auto;
-    padding: 10px 20px;
-    margin: 0;
-    background: var(--tertiary-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    position: relative;
-    display: flex;
-    align-items: center;
-
-    h1 {
-        font-weight: 700;
-        font-size: 1.45em;
-        margin: 0;
-        padding: 0.65rem 0;
-
-        a {
-            text-decoration: none;
-            color: var(--secondary-color);
-            font-weight: 300;
-        }
-
-        svg {
-            color: rgba(var(--primary-color-rgb), 0.5);
-            position: relative;
-            top: 2px;
-            margin: 0 0.25rem;
-        }
-    }
-}
-
-.crmtitle--alternate {
-    border: none;
-    min-height: auto;
-    padding: 5px 20px;
-    margin: 0;
-    background: var(--tertiary-color);
-    border-radius: var(--br);
-    border: 1px solid rgba(var(--item-color-rgb), 1.15);
-    position: relative;
-    display: flex;
-    align-items: center;
-
-    h1 {
-        color: var(--paragraph-color);
-        font-weight: 700;
-        font-size: 1.15em;
-        margin: 0;
-        padding: 0.65rem 0;
-        display: flex;
-        align-items: center;
-        gap: 0.25rem;
-
-        a {
-            text-decoration: none;
-            color: var(--primary-color);
-        }
-
-        svg {
-            position: relative;
-            top: 0;
-            margin: 0 0.5rem;
-            max-width: 15px;
-        }
-    }
-}
-
-.titleInfo {
-    position: absolute;
-    right: 2em;
-
-    span {
-        font-size: 0.875em;
-        color: rgba(var(--background-color-rgb), 0.65);
-    }
-}
-
-.customer__overview {
-    width: 100%;
-    display: flex;
-    justify-content: flex-start;
-    flex-direction: row;
-    flex-wrap: wrap;
-    list-style: none;
-    box-sizing: border-box;
-    padding: 1em;
-    margin: 0;
-
-    li {
-        width: 49%;
-        padding: 1em;
-        box-sizing: border-box;
-        border: 1px solid rgba(var(--primary-color-rgb), 0.15);
-        color: var(--paragraph-color);
-        background: rgba(#f4f4f4, 0.65);
-        margin: 5px;
-        border-radius: 5px;
-    }
-}
-
-.progress {
-    width: 100%;
-    display: block;
-}
-
-.progress__bar {
-    width: 100%;
-    height: 5px;
-    border-radius: var(--br);
-    background: var(--secondary-color);
-}
-
-.dropzone__container {
-    > div {
-        flex: 1 1 0%;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        padding: 30px;
-        border-width: 2px;
-        border-radius: 2px;
-        border-color: rgb(238, 238, 238);
-        border-style: dashed;
-        background-color: rgb(250, 250, 250);
-        color: rgb(189, 189, 189);
-        outline: currentcolor none medium;
-        transition: border 0.24s ease-in-out 0s;
-        margin: 1em;
-
-        p {
-            padding: 0;
-            margin: 0;
-        }
-    }
-}
-
-.dropzone__files {
-    list-style: none;
-    padding: 0;
-    margin: 1em;
-    box-sizing: border-box;
-
-    li {
-        width: 100%;
-        display: block;
-        background: rgba(var(--tertiary-color-rgb), 1.05);
-        color: var(--primary-color);
-        border-radius: 3px;
-        transition: background 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
-        outline: none;
-        cursor: pointer;
-        border-radius: 3px;
-        padding: 1em 2em;
-        box-sizing: border-box;
-        position: relative;
-        margin-bottom: 5px;
-
-        i {
-            position: relative;
-            top: 0;
-            right: 5px;
-            color: rgba(var(--secondary-color-rgb), 1.15);
-        }
-
-        button {
-            position: relative;
-            float: right;
-            background: none;
-            outline: none;
-            border: none;
-            z-index: 200;
-            cursor: pointer;
-
-            i {
-                font-size: 1.15em;
-                color: var(--primary-color);
-                line-height: 1;
-            }
-        }
-    }
-
-    li:hover {
-        background: rgba(var(--secondary-color-rgb, 0.65));
-    }
-}
-
-.sortlist {
-    width: 100%;
-    display: grid;
-    grid-gap: 0.5rem;
-    grid-template-columns: repeat(4, 1fr);
-    box-sizing: border-box;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-
-    li {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex-wrap: wrap;
-        border-radius: 5px;
-        border: 1px solid rgba(var(--primary-color-rgb), 0.2);
-        box-shadow: 0px 0px 20px rgba(var(--primary-color-rgb), 0.1);
-        padding: 1.25rem 1.25rem 1.25rem 2rem;
-        box-sizing: border-box;
-        cursor: pointer;
-        list-style: none;
-        position: relative;
-        color: var(--paragraph-color);
-        user-select: none;
-
-        svg {
-            width: 100%;
-            max-width: 18px;
-            position: absolute;
-            left: 5px;
-            top: 5px;
-        }
-
-        .pencil-edit {
-            width: 100%;
-            max-width: 18px;
-            position: absolute;
-            left: 5px;
-            top: 30px;
-        }
-
-        .delete {
-            width: 100%;
-            max-width: 18px;
-            position: absolute;
-            left: 5px;
-            top: 60px;
-        }
-    }
-
-    .sortimg {
-        width: 50px;
-        position: relative;
-        height: 50px;
-        margin-left: auto;
-        border-radius: 5px;
-        overflow: hidden;
-
-        img {
-            display: block;
-            object-fit: cover;
-            height: 100%;
-            width: 100%;
-            overflow: hidden;
-        }
-    }
-}
-
-.polActions {
-    position: fixed;
-    bottom: 15px;
-    right: 20px;
-    width: auto;
-}
-
-.polActions button {
-    display: block;
-    float: left;
-    padding: 0.35em 1em;
-    margin: 0 0.15em;
-}
-
-.oppoverview {
-    width: 100%;
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: flex-start;
-    padding: 0 1.5em;
-}
-
-.oppoverview__box {
-    width: auto;
-    margin: 0;
-    padding: 0 2em;
-    border-right: 1px solid rgba(var(--primary-color-rgb), 0.35);
-}
-
-.oppoverview__box:first-child {
-    padding-left: 0;
-}
-
-.oppoverview__box p {
-    margin: 0;
-}
-
-.oppoverview__box span {
-    display: block;
-    color: rgba(var(--paragraph-color-rgb), 0.7);
-}
-
-.oppstatus {
-    width: 100%;
-}
-
-.opppath {
-    display: flex;
-    align-items: flex-start;
-    overflow: hidden;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-.opppath > li {
-    position: relative;
-    flex: 1;
-    margin-left: 0.375rem;
-    margin-right: 0.4375rem;
-    min-width: 5rem;
-    text-align: center;
-    background: var(--primary-color);
-}
-
-.opppath > li:first-child {
-    margin-left: 0;
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-    padding-left: 0.625rem;
-}
-
-.opppath > li:first-child:before,
-.opppath > li:first-child:after {
-    left: 1.125rem;
-}
-
-.opppath > li:last-child {
-    margin-right: 0;
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-    padding-left: 0.625rem;
-}
-
-.opppath > li:last-child:before,
-.opppath > li:last-child:after {
-    right: 1.125rem;
-}
-
-.opppath > li:before,
-.opppath > li:after {
-    content: '';
-    position: absolute;
-    left: -0.35rem;
-    right: -0.35rem;
-    cursor: pointer;
-    background: var(--primary-color);
-}
-
-.opppath > li:before {
-    top: 0;
-    height: 1.5rem;
-    transform: skew(28deg) translate3d(0, 0, 0);
-}
-
-.opppath > li:after {
-    bottom: 0;
-    height: 1.5rem;
-    transform: skew(-30deg) translate3d(0, 0, 0);
-}
-
-.opppath > li a {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 2rem;
-    padding: 1.45rem;
-    text-decoration: none;
-    z-index: 5;
-    cursor: pointer;
-    color: var(--tertiary-color);
-}
-
-.opppath > li a svg {
-    position: relative;
-    top: 2px;
-    left: 8px;
-    color: rgba(var(--highlight-color-rgb), 0.5);
-}
-
-.opp-complete {
-    background: rgba(var(--primary-color-rgb), 0.9);
-}
-
-.opp-complete a {
-    color: var(--highlight-color);
-}
-
-.opp-complete:before,
-.opp-complete:after {
-    background: rgba(var(--primary-color-rgb), 0.9);
-}
-
-.oppdets {
-    line-height: 1.475em;
-}
-
-.btn {
-    width: max-content;
-    display: inline-block;
-    position: relative;
-    padding: 0.65rem 1rem;
-    cursor: pointer;
-    font-size: 1rem;
-    color: var(--tertiary-color);
-    text-decoration: none;
-    overflow: hidden;
-    background: var(--primary-color);
-    border: 1px solid rgba(var(--primary-color--rgb), 1.1);
-    border-radius: var(--br);
-    outline: none;
-    transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1) 0s;
-    font-size: 1.25em;
-}
-
-.btn:hover {
-    color: var(--primary-color);
-    background: var(--highlight-color);
-    border: 1px solid rgba(var(--highlight-color-rgb), 1.05);
-}