Skip to content
Snippets Groups Projects
Select Git revision
  • 0e0c67eac350efc35545281f66d61d31160952c4
  • main default protected
  • renovate/lock-file-maintenance
  • demo protected
  • person-select-custom
  • dbp-translation-component
  • icon-set-mapping
  • port-i18next-parser
  • remove-sentry
  • favorites-and-recent-files
  • revert-6c632dc6
  • lit2
  • advertisement
  • wc-part
  • automagic
  • publish
  • wip-cleanup
  • demo-file-handling
18 results

styles.js

Blame
  • styles.js 4.11 KiB
    import {css, unsafeCSS, CSSResult} from 'lit-element';
    
    export function getFileHandlingCss() {
        // language=css
        return css`        
            /**************************\\
              Modal Styles
            \\**************************/
    
            .modal-container {
                grid-template-columns: 150px 1fr;
                grid-template-rows: auto 1fr;
                gap: 1px 1px;
                grid-template-areas: "sidebar header" "sidebar main";
                position: relative;
            }
    
            .modal-nav {
                cursor: pointer;
                overflow: hidden;
                background-color: white;
                border-right: 1px solid black;
                grid-area: sidebar;
            }
    
            .modal-nav > div {
                padding: 5px;
                text-align: center;
            }
    
            .modal-nav .nav-icon {
                width: 35px;
                height: 35px;
            }
    
            .modal-nav .active{
                background-color: var(--dbp-dark);;
                color: var(--dbp-light);;
            }
    
            .modal-content {
                padding: 10px 20px 20px 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden;
            }
    
            .modal-content .source-main {
                /*flex-grow: 1;*/
                /*justify-content: center;*/
                /*align-items: center;*/
                height: 100%;
                width: 100%;
                display:flex;
                align-items: flex-end;
            }
    
            .modal-content .source-main.hidden {
                display: none;
            }
    
            .modal-header{
                grid-area: header;
                display: flex;
                padding: 10px 20px 0px 20px;
                flex-direction: row-reverse;
                justify-content: space-between;
                align-items: center;
            }