freifunk-franken
/
docs
4
0
Fork 4
Code Issues 14 Pull Requests 3 Releases Activity

Make style + layout easier to read #2

Merged
jkimmel merged 1 commits from fbl/docs:css-stuff into master 2023-01-19 16:35:55 +01:00
Conversation 2 Commits 1 Files Changed 1 +37
fbl commented 2022-12-01 19:58:40 +01:00
Owner
Copy Link
No description provided.
fbl commented 2022-12-01 20:03:57 +01:00
Author
Owner
Copy Link
No description provided.
Screenshot_20221201_200339.png
184 KiB
Screenshot_20221201_200339.png
jkimmel requested changes 2022-12-02 07:02:44 +01:00
assets/_custom.scss Outdated
@ -0,0 +1,37 @@
.book-page {
box-shadow: 0px 0px 15px lightgrey;
jkimmel commented 2022-12-02 06:41:40 +01:00
Owner
Copy Link

Ich glaube es macht Sinn den Schatten mit dem Rand zu skalieren. Wenn man zusätzlich den Schatten um die selbe Länge nach oben schiebt, sieht es meiner meinung nach bei kurzen Seiten etwas hübscher aus

box-shadow: 0px -1rem 1rem lightgrey;

1rem ist 16px, also sehr nah dran.

Außerdem habe ich es auch mit Mobile getestet und der Schatten nimmt dann keinen extra Platz, also passts.

Ich glaube es macht Sinn den Schatten mit dem Rand zu skalieren. Wenn man zusätzlich den Schatten um die selbe Länge nach oben schiebt, sieht es meiner meinung nach bei kurzen Seiten etwas hübscher aus ```css box-shadow: 0px -1rem 1rem lightgrey; ``` `1rem` ist `16px`, also sehr nah dran. Außerdem habe ich es auch mit Mobile getestet und der Schatten nimmt dann keinen extra Platz, also passts.
jkimmel commented 2022-12-02 08:16:50 +01:00
Owner
Copy Link

In Zusammenhang mit #6 ist mir noch etwas aufgefallen. Im Darkmode würde der box-shadow einen leuchten verursachen und das offset muss leicht größer sein als der Schatten, sonst gibt es doch eine leichte Kante am unteren Rand.

Probier daher mal lieber:

box-shadow: 0px -1.5rem 1rem rgba(0, 0, 0, 0.15);
In Zusammenhang mit #6 ist mir noch etwas aufgefallen. Im Darkmode würde der `box-shadow` einen leuchten verursachen und das offset muss leicht größer sein als der Schatten, sonst gibt es doch eine leichte Kante am unteren Rand. Probier daher mal lieber: ```css box-shadow: 0px -1.5rem 1rem rgba(0, 0, 0, 0.15); ```
fbl commented 2022-12-28 12:00:19 +01:00
Author
Owner
Copy Link

Ich bin mir nicht sicher ob mir der Offset bei kurzen Seiten wirklich besser gefällt. Dafür brauchen wir vielleicht eine andere Lösung (e.g. mindesthöhe: 100% viewport)

Ich bin mir nicht sicher ob mir der Offset bei kurzen Seiten wirklich besser gefällt. Dafür brauchen wir vielleicht eine andere Lösung (e.g. mindesthöhe: 100% viewport)
jkimmel marked this conversation as resolved
assets/_custom.scss Outdated
@ -0,0 +13,4 @@
}
.markdown h1 {
font-weight: bolder;
jkimmel commented 2022-12-02 07:01:58 +01:00
Owner
Copy Link

Ich glaube wir sollten hier eher zu bold greifen. Kommt aktuell aufs gleiche raus, aber bold ist absolut und bolder ist relativ.

Ich glaube wir sollten hier eher zu `bold` greifen. Kommt aktuell aufs gleiche raus, aber `bold` ist absolut und `bolder` ist relativ.
jkimmel marked this conversation as resolved
fbl force-pushed css-stuff from 51dbdd3b58 to 8e8f25a955 2022-12-28 12:00:31 +01:00 Compare
fbl commented 2022-12-28 12:00:41 +01:00
Author
Owner
Copy Link

Änderungen:

  • Anmerkungen eingebaut
Änderungen: - Anmerkungen eingebaut
jkimmel merged commit 325ca42a21 into master 2023-01-19 16:35:55 +01:00
fbl deleted branch css-stuff 2023-02-21 00:25:37 +01:00
Sign in to join this conversation.
Reviewers
No reviewers
jkimmel
Labels
Clear labels   
bug

Something is not working

  
duplicate

This issue or pull request already exists

  
enhancement

New feature

  
good first issue

This issue would be a good issue for a first time contributor to undertake.

  
help wanted

Need some help

  
invalid

Something is wrong

  
question

More information is needed

  
wontfix

This won't be fixed

No Label
bug
duplicate
enhancement
good first issue
help wanted
invalid
question
wontfix
Milestone
Clear milestone
No items
No Milestone
Assignees
Clear assignees
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: freifunk-franken/docs#2
No description provided.
Delete Branch "fbl/docs:css-stuff"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?