Skip to content
Snippets Groups Projects
Select Git revision
  • 6451917bf366b6a944d31c97066333e070ee1d9c
  • main default protected
  • register-logging-channel
  • expr-lang
  • ci-82
  • attr-events
  • locale-wip
  • custom-routes
  • v0.1.85
  • v0.1.84
  • v0.1.83
  • v0.1.82
  • v0.1.81
  • v0.1.80
  • v0.1.79
  • v0.1.78
  • v0.1.77
  • v0.1.76
  • v0.1.75
  • v0.1.74
  • v0.1.73
  • v0.1.72
  • v0.1.71
  • v0.1.70
  • v0.1.69
  • v0.1.68
  • v0.1.67
  • v0.1.65
28 results

AbstractProxyDataEventSubscriber.php

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;
            }
    
    
            /**************************\\
             Picker Styles
           \\**************************/
    
            #nextcloud-file-picker {
                width: 100%;
                height: 100%;
                margin: var(--FUMargin, 0px);
                padding: var(--FUPadding, 20px);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
    
            #fileElem {
                display: none;
            }
    
            #nextcloud-file-picker.hidden {
                display: none;
            }
    
            #modal-picker-content{
                grid-area: main;
            }
    
    
            /**************************\\
             Mobile Landscape Styles
           \\**************************/
            
            @media only screen
            and (orientation: landscape)
            and (max-device-width: 896px) {
                .modal-container {
                    width: 100%;
                    height: 100%;
                    max-width: 100%;
                }
            }
    
    
            /**************************\\
             Tablett Portrait Styles
           \\**************************/
            
            @media only screen
            and (orientation: portrait)
            and (max-device-width: 800px) {
    
                .modal-nav{
                    display: flex;
                    justify-content: space-around;
                    grid-area: nav;
                    border: none;
                    border-bottom: 1px solid black;
                    border-top: 1px solid black;
                }
    
                .modal-content{
                    grid-area: main;
                }
    
                .modal-container{
                    grid-template-rows: 40px 55px auto;
                    grid-template-areas: "header" "nav" "main";
                    grid-template-columns: auto;
                }
    
                .modal-header{
                    grid-area: header;
                    padding: 5px;
                }
    
                .modal-nav > div{
                    flex-grow: 1;
                }
    
                .modal-nav .nav-icon{
                    height: 20px;
                }
    
                #nextcloud-file-picker{
                    padding: 0px;
                }
            }
    
            /**************************\\
             Mobile Portrait Styles
            \\**************************/
            
            @media only screen
            and (orientation: portrait)
            and (max-device-width: 765px) {
                
    
                
    
    
    
    
            }
        
        `;
    }