cards issueshttps://git.thm.de/arsnova/cards/-/issues2021-03-02T16:08:46+01:00https://git.thm.de/arsnova/cards/-/issues/590Task: Adjust the line height with the background line height.2021-03-02T16:08:46+01:00Lars HieronymiTask: Adjust the line height with the background line height.https://git.thm.de/arsnova/cards/-/issues/391Display the Pomodoro timer immediately on the card's upper left corner after ...2020-02-05T11:14:01+01:00Klaus-Dieter Quibeldey-CirkelDisplay the Pomodoro timer immediately on the card's upper left corner after it has been called uphttps://git.thm.de/arsnova/cards/-/issues/378For read-only installations only offer the learning Pomodoro timer, not the p...2020-01-31T14:52:03+01:00Klaus-Dieter Quibeldey-CirkelFor read-only installations only offer the learning Pomodoro timer, not the presentation timerAlso for the card show: ![Bildschirmfoto_2020-01-22_um_09.52.01](/uploads/00c35f3b996ed774b49bd4d48dd8d2cc/Bildschirmfoto_2020-01-22_um_09.52.01.png)Also for the card show: ![Bildschirmfoto_2020-01-22_um_09.52.01](/uploads/00c35f3b996ed774b49bd4d48dd8d2cc/Bildschirmfoto_2020-01-22_um_09.52.01.png)https://git.thm.de/arsnova/cards/-/issues/597Keep the text line on the card line independent of the scaling2021-03-17T12:32:30+01:00Klaus-Dieter Quibeldey-CirkelKeep the text line on the card line independent of the scaling**Story Points:** 5
Markdeep Demo: https://casual-effects.com/markdeep/features.md.html
__User story__:\
To get a feel for a natural user interface, as a student I want to have the text line to be aligned with the text so that the text...**Story Points:** 5
Markdeep Demo: https://casual-effects.com/markdeep/features.md.html
__User story__:\
To get a feel for a natural user interface, as a student I want to have the text line to be aligned with the text so that the text lines do not intersect with the text.
__Acceptance criteria__:
- When I look at a card with text lines, I see that they do not intersect with the text.
- The text should also be displayed on the line when zoomed.
- It should look correct in 2D view and in 3D view.
__Tasks__:
- [x] What is markdeep? Project overview - where is the markdeep functionality? Study CodePen.
- [ ] Adjust the line height with the background line height.
- [ ] Fit the first element in a card to the lines.
- [ ] Adapt line height (150%).
**Problems & suggested solutions:**
- The line height of the font must match the line height in the background. The line height is specified as a percentage. Drawing from the background thus depends on the font size and the line height. The font size is set every time a card is rendered (imports/util/cardVisuals.js). At this point the background must be drawn. This also automatically rebuilds the background when zooming. The color values for the background come from the themeSwitcher.scss file and the line height from the main.scss file. These values cannot be easily read out in JavaScript. There is the possibility to port the variables from scss to json. The json file can then be used by JavaScript and so at least the required values would be available.
- Package: https://www.npmjs.com/package/scss-to-json
Current:
![Bildschirmfoto_2019-08-21_um_13.20.00](/uploads/aa57e5daff91feb727f86915c9893344/Bildschirmfoto_2019-08-21_um_13.20.00.png)
![Bildschirmfoto_2019-08-21_um_13.21.03](/uploads/ce75e52360841ae50b04ea9f0b362248/Bildschirmfoto_2019-08-21_um_13.21.03.png)
------------------------------
__Original post__:\
The following tutorial shows how to do it: https://codepen.io/ceg9498/post/creating-lined-paper
> The real key to making all of this work is line-height: set it to match the height of your repeating gradient (for me, it was 27px), and the lines of text will have the same spacing as your blue lines do.
You can test it here: https://codepen.io/ceg9498/pen/wvwMPzY
![Bildschirmfoto_2019-08-21_um_13.20.00](/uploads/692fd39432462bcb26f312b30cc6f221/Bildschirmfoto_2019-08-21_um_13.20.00.png)
![Bildschirmfoto_2019-08-21_um_13.21.03](/uploads/72c76c7c67286a461624f8a5bbb5ff94/Bildschirmfoto_2019-08-21_um_13.21.03.png)https://git.thm.de/arsnova/cards/-/issues/291Superfluous hyphen on word wrap if word contains hyphen2019-08-13T12:55:08+02:00Christoph ThelenSuperfluous hyphen on word wrap if word contains hyphenSometimes, words are written with a hyphen in-between. If such a word is wrapped, the natural choice is to wrap it on the hyphen.
If .cards wraps a word, it automatically adds a hyphen to it. However, in my example above, the result wil...Sometimes, words are written with a hyphen in-between. If such a word is wrapped, the natural choice is to wrap it on the hyphen.
If .cards wraps a word, it automatically adds a hyphen to it. However, in my example above, the result will actually be "in--between", i.e. the word now contains two hyphens.https://git.thm.de/arsnova/cards/-/issues/209Use version 4 of Bootstrap to change the carousel slide transition time2019-03-30T18:57:15+01:00Curtis AdamUse version 4 of Bootstrap to change the carousel slide transition timeThere is no easy way in Bootstrap 3 to change this, see: https://stackoverflow.com/questions/17332431/how-can-i-control-the-speed-that-bootstrap-carousel-slides-in-items?answertab=votes#tab-top.There is no easy way in Bootstrap 3 to change this, see: https://stackoverflow.com/questions/17332431/how-can-i-control-the-speed-that-bootstrap-carousel-slides-in-items?answertab=votes#tab-top.https://git.thm.de/arsnova/cards/-/issues/74Display cards in a dynamic carousel2020-05-06T16:47:01+02:00Klaus-Dieter Quibeldey-CirkelDisplay cards in a dynamic carouselsee:
* https://codepen.io/desandro/pen/wjeBpp
* https://3dtransforms.desandro.com/
* https://www.sitepoint.com/building-3d-rotating-carousel-css-javascript/
especially for the demo card index on the landing page
on small devices us...see:
* https://codepen.io/desandro/pen/wjeBpp
* https://3dtransforms.desandro.com/
* https://www.sitepoint.com/building-3d-rotating-carousel-css-javascript/
especially for the demo card index on the landing page
on small devices use the 3d cube, see #20
![Bildschirmfoto_2018-12-24_um_12.49.03](/uploads/4f24d9bdf44f810c0753389166235617/Bildschirmfoto_2018-12-24_um_12.49.03.png)WDC 20192019-03-29https://git.thm.de/arsnova/cards/-/issues/49Offer the "backward learning" option in presentation mode2019-08-13T12:56:42+02:00Klaus-Dieter Quibeldey-CirkelOffer the "backward learning" option in presentation modeOtherwise you cannot learn all cards in one sequence in backward mode.
However, just offer the edge button, don't ask in a modal whether he/she will "present" in backward mode.Otherwise you cannot learn all cards in one sequence in backward mode.
However, just offer the edge button, don't ask in a modal whether he/she will "present" in backward mode.