<NME> _uploads.styl
<BEF> .gallery-view
  display flex
  flex-wrap wrap
  width 100%
  padding 3px
  margin-bottom 50px
  overflow hidden
  .upload
    position relative
    margin 2px
    cursor pointer

  .upload img
    object-fit cover
    vertical-align bottom
    width 100%

  .upload .info
    display flex
    flex-direction column
    justify-content center
    height 100%
    width 100%
    position absolute
    bottom 2px
    background rgba(0, 0, 0, 0.5)
    color rgba(255, 255, 255, 0.9)
    overflow hidden

  .info p
    margin 2px 20px
    text-shadow 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1)

  .info p.usage
    font-size 1.5em
    color rgb(190, 151, 225)

  .upload .info
    display none

  .upload:hover .info
    display flex

  .info p a
    color rgb(255, 255, 255)

  .none
    display flex
    width 100%
    height 49px
    background-color rgb(255, 255, 255)
    border 1px solid rgb(221, 221, 221)

  .none p
    margin auto

.gallery::after
  content ''
  flex-grow 999999999

.list-view
  cursor pointer
  img
    min-width 250px
    max-width 250px

.tile-view
  .tile-container
    width 25%
    height 350px
    display inline-block
    text-align center
    vertical-align top
    margin-top 10px

    .tile
      margin 5px
      padding 10px
      background white
      border 1px solid #ddd
      height 100%
      border-radius 3px
      cursor pointer

    img
      height 150px

    .info
      text-align left

.view-buttons
  +above(desktop)
    position absolute
    top 20px
    right 80px
  +below(desktop)
    width 100%
    margin-top -10px
    margin-bottom 7px
  button
    padding 0
    width 40px
    height 40px
    border-radius 50%


#uploads .Select
  width 33%

.upload-viewer
  width 50%
  box-shadow 0 0 20px 0 rgba(0, 0, 0, .6)
  text-align left
  padding 0

  .modal-header
    grid-template-columns 1fr 1fr
    grid-column-gap 3rem
    padding 20px

    h4
      margin 2rem 0 1rem 0
  .modal-body a
    word-break break-all

    h4
      margin 2rem 0 1rem 0

    img
      width 100%;

    table
      width 100%

    table, td, th
      word-wrap break-word
      padding 60px

      .bg-grey, th
        background-color #f5f5f5
        font-weight 900

      .text-right
        text-align right

  .modal-footer
    height 50px
    border-top 1px solid #ddd

    .upload-viewer-button
      margin 10px

.view-file-details
  border 1px solid #ddd

  .row-details
    border-bottom 1px solid #ddd
    padding 10px

<MSG> Long page titles break the layout of UploadViewer #2099

<DFF> @@ -119,6 +119,9 @@
     grid-template-columns 1fr 1fr
     grid-column-gap 3rem
     padding 20px
+  
+  .modal-body a
+    word-break break-all
 
     h4
       margin 2rem 0 1rem 0

{'commit': 'diff --git a/app/assets/stylesheets/modules/_uploads.styl b/app/assets/stylesheets/modules/_uploads.styl\nindex 84af3b5f2..0b7edf4bf 100644\n--- a/app/assets/stylesheets/modules/_uploads.styl\n+++ b/app/assets/stylesheets/modules/_uploads.styl\n@@ -119,6 +119,9 @@\n     grid-template-columns 1fr 1fr\n     grid-column-gap 3rem\n     padding 20px\n+  \n+  .modal-body a\n+    word-break break-all\n \n     h4\n       margin 2rem 0 1rem 0\n', 'commit_subject': 'Long page titles break the layout of UploadViewer #2099', 'repo_name': 'WikiEducationFoundation/WikiEduDashboard', 'committer': {'name': 'Mariah', 'email': '094fc379832ce03f02e05a3a34b0e2f13a9eb433@yahoo.com', 'time_sec': '1552731888', 'tz_offset': '300', 'date': {'seconds': '1552731888'}}, 'commit_tree': 'b9285115895cee961ea3d29840b48a7555114ded', 'commit_message': 'Long page titles break the layout of UploadViewer #2099\n', 'language_name': 'Python', 'license': 'mit', 'hunks': '@@ -119,6 +119,9 @@\n     grid-template-columns 1fr 1fr\n     grid-column-gap 3rem\n     padding 20px\n+  \n+  .modal-body a\n+    word-break break-all\n \n     h4\n       margin 2rem 0 1rem 0\n', 'addition_count': 3, 'deletion_count': 0, 'src_file': 'a/app/assets/stylesheets/modules/_uploads.styl', 'tgt_file': 'b/app/assets/stylesheets/modules/_uploads.styl', 'file_extension': '.styl', 'before_file': ".gallery-view\n  display flex\n  flex-wrap wrap\n  width 100%\n  padding 3px\n  margin-bottom 50px\n  overflow hidden\n  .upload\n    position relative\n    margin 2px\n    cursor pointer\n\n  .upload img\n    object-fit cover\n    vertical-align bottom\n    width 100%\n\n  .upload .info\n    display flex\n    flex-direction column\n    justify-content center\n    height 100%\n    width 100%\n    position absolute\n    bottom 2px\n    background rgba(0, 0, 0, 0.5)\n    color rgba(255, 255, 255, 0.9)\n    overflow hidden\n\n  .info p\n    margin 2px 20px\n    text-shadow 0px 4px 3px rgba(0,0,0,0.4),\n               0px 8px 13px rgba(0,0,0,0.1),\n               0px 18px 23px rgba(0,0,0,0.1)\n\n  .info p.usage\n    font-size 1.5em\n    color rgb(190, 151, 225)\n\n  .upload .info\n    display none\n\n  .upload:hover .info\n    display flex\n\n  .info p a\n    color rgb(255, 255, 255)\n\n  .none\n    display flex\n    width 100%\n    height 49px\n    background-color rgb(255, 255, 255)\n    border 1px solid rgb(221, 221, 221)\n\n  .none p\n    margin auto\n\n.gallery::after\n  content ''\n  flex-grow 999999999\n\n.list-view\n  cursor pointer\n  img\n    min-width 250px\n    max-width 250px\n\n.tile-view\n  .tile-container\n    width 25%\n    height 350px\n    display inline-block\n    text-align center\n    vertical-align top\n    margin-top 10px\n\n    .tile\n      margin 5px\n      padding 10px\n      background white\n      border 1px solid #ddd\n      height 100%\n      border-radius 3px\n      cursor pointer\n\n    img\n      height 150px\n\n    .info\n      text-align left\n\n.view-buttons\n  +above(desktop)\n    position absolute\n    top 20px\n    right 80px\n  +below(desktop)\n    width 100%\n    margin-top -10px\n    margin-bottom 7px\n  button\n    padding 0\n    width 40px\n    height 40px\n    border-radius 50%\n\n\n#uploads .Select\n  width 33%\n\n.upload-viewer\n  width 50%\n  box-shadow 0 0 20px 0 rgba(0, 0, 0, .6)\n  text-align left\n  padding 0\n\n  .modal-header\n    grid-template-columns 1fr 1fr\n    grid-column-gap 3rem\n    padding 20px\n\n    h4\n      margin 2rem 0 1rem 0\n  .modal-body a\n    word-break break-all\n\n    h4\n      margin 2rem 0 1rem 0\n\n    img\n      width 100%;\n\n    table\n      width 100%\n\n    table, td, th\n      word-wrap break-word\n      padding 60px\n\n      .bg-grey, th\n        background-color #f5f5f5\n        font-weight 900\n\n      .text-right\n        text-align right\n\n  .modal-footer\n    height 50px\n    border-top 1px solid #ddd\n\n    .upload-viewer-button\n      margin 10px\n\n.view-file-details\n  border 1px solid #ddd\n\n  .row-details\n    border-bottom 1px solid #ddd\n    padding 10px\n", 'message': 'Long page titles break the layout of UploadViewer #2099\n', 'author_name': 'Mariah', 'lang': 'styl'}