Skip to content

Commit

Permalink
fix(controls): Hide thumbnails toggle on small screens and fullscreen (
Browse files Browse the repository at this point in the history
  • Loading branch information
jstoffan authored Jan 7, 2021
1 parent afdc279 commit e34ee42
Showing 1 changed file with 6 additions and 3 deletions.
9 changes: 6 additions & 3 deletions src/lib/viewers/doc/_docBase.scss
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,8 @@ $thumbnail-sidebar-width: 226px;
}

.bp {
.bp-toggle-thumbnails-icon {
.bp-toggle-thumbnails-icon,
.bp-ThumbnailsToggle {
display: none;
}

Expand Down Expand Up @@ -171,7 +172,8 @@ $thumbnail-sidebar-width: 226px;
}
}

.bp-controls-btn.bp-toggle-thumbnails-icon {
.bp-controls-btn.bp-toggle-thumbnails-icon,
.bp-ThumbnailsToggle {
display: block;
}
}
Expand Down Expand Up @@ -375,7 +377,8 @@ $thumbnail-sidebar-width: 226px;
}

// Hide the toggle thumbnails button when in fullscreen
&.bp-is-fullscreen .bp-toggle-thumbnails-icon {
&.bp-is-fullscreen .bp-toggle-thumbnails-icon,
&.bp-is-fullscreen .bp-ThumbnailsToggle {
display: none;
}
}

0 comments on commit e34ee42

Please sign in to comment.