github.com/kyleu/dbaudit@v0.0.2-0.20240321155047-ff2f2c940496/client/src/style/dragdrop.css (about)

     1  /* Content managed by Project Forge, see [projectforge.md] for details. */
     2  .drag-container {
     3    padding: 0;
     4  }
     5  
     6  .drag-container .item {
     7    border: var(--border);
     8    margin-top: 12px;
     9    padding: 12px;
    10  }
    11  
    12  .drag-container .content {
    13    display: flex;
    14    flex-direction: row;
    15  }
    16  
    17  .drag-container .container {
    18    padding: var(--padding-small) 0;
    19    transition: padding 400ms linear;
    20  }
    21  
    22  @media (prefers-reduced-motion) {
    23    .drag-container .container {
    24      transition: none;
    25    }
    26  }
    27  
    28  .drag-container .handle {
    29    margin-right: 8px;
    30    cursor: move;
    31  }
    32  
    33  .drag-container .drag-actions {
    34    height: 24px;
    35  }
    36  
    37  .drag-container .drag-actions .message {
    38    display: none;
    39  }
    40  
    41  .drag-container .drag-actions .form {
    42    display: block;
    43  }
    44  
    45  .drag-container .drag-actions.no-changes .message {
    46    display: block;
    47  }
    48  
    49  .drag-container .drag-actions.no-changes .form {
    50    display: none;
    51  }
    52  
    53  .drag-container .drag-edit {
    54    display: none;
    55  }
    56  
    57  /* readonly */
    58  .drag-container.readonly .container {
    59    padding: 0;
    60  }
    61  
    62  .drag-container.readonly .drag-edit {
    63    display: block;
    64  }
    65  
    66  .drag-container.readonly .drag-actions {
    67    display: none;
    68  }
    69  
    70  .drag-container.readonly .handle {
    71    display: none;
    72  }
    73  
    74  .drag-container.readonly .remove {
    75    display: none;
    76  }
    77  
    78  .drag-container.readonly .l {
    79    width: 100%;
    80  }
    81  
    82  .drag-container.readonly .r {
    83    display: none;
    84  }