plone/mockup

pat-structure and horizontal toolbar

Closed this issue · 5 comments

Case:

  1. horizontal toolbar
  2. a lot of catalog metadatas and columns in the structure table

Problem One:
Toolbar of the Structure Table is Sticky but hidden if i scroll down

Problem Two:
Only with a fixed Taskbar on Windows, the Save Button of the Column Selection UI Panel is not accessible

Screen for better understanding
Bildschirmfoto vom 2023-08-01 09-33-53

@petschki
I have rewrite the layout of popover in a custom project to a 2-column layout via css. it's a solution for the longlist problem. the save button goes to the top of the popover panel.
Bildschirmfoto vom 2023-08-09 10-27-55

body{
  
  &.plone-toolbar-top{

    .pat-structure{
      
      .navbar{
        top: 48px;
        left: 0px;
        
        #popover-structure-columns{
          
          min-width: 600px;
          
          > .popover-title{
            font-weight:bold;
            width:100%;
            display: block;
          }
          
          >.popover-content{
            display:flex;
            flex-direction: column;
            align-items: flex-start;
            padding:0 1rem;
            >label{
              order:1;
              margin-bottom:0.5rem;
            }
            >ul{
              column-count: 2;
              order:3;
              margin-bottom:0.5rem;
            }
            >button{
              order:2;
              margin-bottom:0.5rem;
            }
          }
        }
      }
      .popover{
        &.attribute-columns{
          ul>li>label{
            display: flex;
            align-items: flex-start;
          }
        }
      } 
    }
  }

Ah yes, that's nice ... do you want to update that in https://github.com/plone/mockup/blob/master/src/pat/structure/structure.scss ... see my latest changes at the bottom.

@petschki Yes, I will do this this afternoon.

closed via #1339

just released in plone.staticresources = 2.1.6