ddp/photoassistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

force the figcaption to break long words (even without spaces)

Browse Source
This commit is contained in:
Damien De Paoli
2021-06-22 21:06:24 +10:00
parent f4e8d5f9da
commit 6c3cdf79eb
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/base.html
View File

@@ -24,6 +24,16 @@
<style> <style>
.highlight { box-shadow: 0 0 7px 4px #5bc0de } .highlight { box-shadow: 0 0 7px 4px #5bc0de }
.sm-txt { font-size: 0.8rem } .sm-txt { font-size: 0.8rem }
/* used to force the figcaption to break long words (even without spaces) */
figure { display: table; }
figcaption {
display: table-caption;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
caption-side: bottom;
}
</style> </style>
</head> </head>
<body> <body>

2
templates/files.html
View File

@@ -212,7 +212,7 @@
{% if dirname| TopLevelFolderOf(cwd) %} {% if dirname| TopLevelFolderOf(cwd) %}
<figure class="px-1 dir" dir="{{dirname}}"> <figure class="px-1 dir" dir="{{dirname}}">
<i style="font-size:{{size|int-22}};" class="fas fa-folder"></i> <i style="font-size:{{size|int-22}};" class="fas fa-folder"></i>
<figcaption style="display: table-caption;" class="figure-caption text-center">{{obj.name}}</figcaption> <figcaption class="figure-caption text-center text-wrap text-break">{{obj.name}}</figcaption>
</figure class="figure"> </figure class="figure">
{% endif %} {% endif %}
{% endif %} {% endif %}