Resolve "Vertical transcription UI"

/CSS: add vertical layout styles:/ front/css/ttb.css

/TRANSCRIPTION PANEL: adapt computeStyles methods for vertical transcription/ttb scripts:*/ front/vue/components/TranscriptionModal.vue

/DIPLO PANEL: adding a class to set diffrent styles for lines display from a ttb direction:/ front/vue/components/DiploPanel.vue

/VISU PANEL: apply a -90 glyph rotation for ttb scripts AND formulas to dynamically adapt font-sizes regarding the line height:/ front/vue/components/VisuLine.vue

added frontend label

changed the description

A couple issues:

• empty lines are on top of each other in the last panel:

• A bit of code cleanup to do, console.log and commented code.

• When typing anything (including backspace) in the input the cursor always come back to the top (the start).

• Hitting Enter closes the transcription modal instead of going to the next line.

• There should be a maximum height threshold (for low character count lines?) or the image+input takes too much space.

Apart from that the code seems solid.

OK thank you very much Robin for the time to look at this. "Hitting Enter closes the transcription modal instead of going to the next line.": sorry, an oversight! I am on several stuff at once today so I try to make these corrections for tomorrow

added 1 commit

• c20afb78 - Update ttb.css

Compare with previous version

added 1 commit

• bcab7ca7 - Update TranscriptionModal.vue

Compare with previous version

added 1 commit

• 38732c07 - Update VisuLine.vue

Compare with previous version

completed the requested corrections

mentioned in commit ac1696c1

merged