Skip to content
Snippets Groups Projects
  • Daniel Calviño Sánchez's avatar
    39c549fa
    Fix drag shadow not visible when dragging a file on a narrow screen · 39c549fa
    Daniel Calviño Sánchez authored
    
    When a file from the file list is dragged a drag shadow (a copy of the
    file row that follows the cursor position) is created. The drag shadow
    element is created as a direct child of the body element, so it needs a
    higher "z-index" than the one used for the file list to be visible.
    
    In narrow screens the "#app-content" uses a "z-index" of 1000 in order
    to be visible over the "#navigation-bar" when they overlap, so the
    "z-index" of the drag shadow must be at least 1000 to be visible over
    the file list.
    
    Instead of updating the hardcoded "z-index" it was removed and replaced
    by CSS rules for ".dragshadow" elements to ease theming.
    
    Signed-off-by: default avatarDaniel Calviño Sánchez <danxuliu@gmail.com>
    39c549fa
    History
    Fix drag shadow not visible when dragging a file on a narrow screen
    Daniel Calviño Sánchez authored
    
    When a file from the file list is dragged a drag shadow (a copy of the
    file row that follows the cursor position) is created. The drag shadow
    element is created as a direct child of the body element, so it needs a
    higher "z-index" than the one used for the file list to be visible.
    
    In narrow screens the "#app-content" uses a "z-index" of 1000 in order
    to be visible over the "#navigation-bar" when they overlap, so the
    "z-index" of the drag shadow must be at least 1000 to be visible over
    the file list.
    
    Instead of updating the hardcoded "z-index" it was removed and replaced
    by CSS rules for ".dragshadow" elements to ease theming.
    
    Signed-off-by: default avatarDaniel Calviño Sánchez <danxuliu@gmail.com>