Dependencies/micrach
1
0
Fork 1
mirror of https://github.com/yanislav-igonin/micrach synced 2024-12-22 22:32:33 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add line breaks on threads list text

Browse Source
This commit is contained in:
Yanislav Igonin 2022-01-20 21:03:18 +02:00
parent 16d5fa039e
commit 62be228308
5 changed files with 41 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/styles/post.css
View File

@ -15,11 +15,3 @@
.file { .file {
width: 100%; width: 100%;
} }
.line-break {
white-space: pre-line;
}
.word-wrap {
word-break: break-word;
}

3
static/styles/utils.css Normal file
View File

@ -0,0 +1,3 @@
.line-break {
white-space: pre-line;
}

17
templates/index.html
View File

@ -1,11 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
{{ template "static" }} {{ template "static" }}
<link <link href="/static/styles/index.css" rel="stylesheet">
href="/static/styles/index.css"
rel="stylesheet"
>
{{ template "meta-tags-static" }} {{ template "meta-tags-static" }}
</head> </head>
@ -24,11 +22,8 @@
{{ $length := len $Post.Files }} {{ $length := len $Post.Files }}
{{ if gt $length 0 }} {{ if gt $length 0 }}
{{ $FirstFile := index $Post.Files 0 }} {{ $FirstFile := index $Post.Files 0 }}
<img <img src="/uploads/{{$Post.ID}}/t/{{$FirstFile.ID}}.{{$FirstFile.Ext}}" class="card-img-top"
src="/uploads/{{$Post.ID}}/t/{{$FirstFile.ID}}.{{$FirstFile.Ext}}" alt="Uploaded picture">
class="card-img-top"
alt="Uploaded picture"
>
{{ end }} {{ end }}
<div class="card-body"> <div class="card-body">
@ -38,9 +33,9 @@
{{ $textLength := len $Post.Text }} {{ $textLength := len $Post.Text }}
{{ if gt $textLength 300 }} {{ if gt $textLength 300 }}
<p class="card-text">{{ slice $Post.Text 0 300 }} ...</p> <p class="card-text line-break text-break">{{ slice $Post.Text 0 300 }} ...</p>
{{ else }} {{ else }}
<p class="card-text">{{$Post.Text}}</p> <p class="card-text line-break text-break">{{$Post.Text}}</p>
{{ end }} {{ end }}
<a href="/{{$Post.ID}}" class="btn btn-outline-primary">Open</a> <a href="/{{$Post.ID}}" class="btn btn-outline-primary">Open</a>

6
templates/static.html
View File

@ -11,8 +11,6 @@
crossorigin="anonymous"> crossorigin="anonymous">
</script> </script>
<link rel="icon" href="/static/favicon.ico"/> <link rel="icon" href="/static/favicon.ico"/>
<link <link href="/static/styles/utils.css" rel="stylesheet">
href="/static/styles/post-form.css" <link href="/static/styles/post-form.css" rel="stylesheet">
rel="stylesheet"
>
{{ end }} {{ end }}

13
templates/thread.html
View File

@ -2,11 +2,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
{{ template "static" }} {{ template "static" }}
{{ template "meta-tags-dynamic" $FirstPost }} {{ template "meta-tags-dynamic" $FirstPost }}
<link href="/static/styles/thread.css" rel="stylesheet" > <link href="/static/styles/thread.css" rel="stylesheet">
<link href="/static/styles/post.css" rel="stylesheet" > <link href="/static/styles/post.css" rel="stylesheet">
</head> </head>
<body> <body>
@ -34,11 +35,7 @@
{{ range $File := $Post.Files }} {{ range $File := $Post.Files }}
<div class="file-container"> <div class="file-container">
<a href="/uploads/{{$FirstPost.ID}}/o/{{$File.ID}}.{{$File.Ext}}" target="blank"> <a href="/uploads/{{$FirstPost.ID}}/o/{{$File.ID}}.{{$File.Ext}}" target="blank">
<img <img src="/uploads/{{$FirstPost.ID}}/t/{{$File.ID}}.{{$File.Ext}}" class="file" alt="Uploaded picture">
src="/uploads/{{$FirstPost.ID}}/t/{{$File.ID}}.{{$File.Ext}}"
class="file"
alt="Uploaded picture"
>
</a> </a>
</div> </div>
{{ end }} {{ end }}
@ -46,7 +43,7 @@
{{ end }} {{ end }}
<div class="p-2"> <div class="p-2">
<p class="card-text line-break word-wrap">{{$Post.Text}}</p> <p class="card-text line-break text-break">{{$Post.Text}}</p>
</div> </div>
</div> </div>