Widget: Homepage: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Marterer (talk | contribs)
No edit summary
Marterer (talk | contribs)
No edit summary
Line 231: Line 231:
         }
         }


        /* CHATBOT WINDOW STYLES */
        #chat-button {
            position: fixed;
            right: 10px;
            bottom: 10px;
            border-radius: 5px;
            border: 1px solid var(--links-grey);
            user-select: none;
            cursor: pointer;
            background-color: #fff;
        }
        #chat-window {
            z-index: 10000;
            position: fixed;
            right: 10px;
            bottom: 70px;
            background-color: #f8f9fa;
            width: 20vw;
            min-width: 24em;
            min-height: 50vh;
            border-radius: 15px;
            border: 2px solid var(--links-blue);
            overflow: hidden;
            box-shadow: -5px 5px 5px 5px rgb(0 0 0 / 10%);
        }
        #chat-window-controls {
            padding: 5px;
            display: flex;
            justify-content: space-between;
        }
        #chat-window-controls button {
            font-size: 1.2rem;
            border-radius: 2.5rem;
            border: 1px solid var(--links-blue);
            color: #fff;
            background-color: var(--links-blue);
            cursor: pointer;
        }
        .maximized-chat {
            width: auto !important;
            height: auto !important;
            left: 10px;
            top: 10px;
        }
        .closed-chat {
            display: none;
            pointer-events: none;
        }
        #chat-window.maximized-chat #resize-chat {
            transform: rotate(180deg);
        }
     </style>
     </style>
    <link rel="stylesheet" href="https://www.safetyinnovation.center/widget/styles.css">


     <script>
     <script>

Revision as of 12:27, 5 May 2024

Second version of the LINKS Community Center homepage.
Do not modify!