Matrix-Mirrors/matrix-dimension
1
0
Fork 0
mirror of https://github.com/turt2live/matrix-dimension.git synced 2024-10-01 05:05:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #433 from TheTimeWalker/small-general-fixes

Browse Source 
Small general fixes incl. toaster CSS, postgres, lazy loading for stickers
This commit is contained in:
Travis Ralston 2021-10-18 19:28:38 -06:00 committed by GitHub
commit 02d616ba97
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/installing.md
View File

@ -87,14 +87,20 @@ as an example, create a file at `/etc/dimension/config.yaml`.
After creating the file, open it in an editor like `nano` and start filling in the details. Don't forget
to add your user ID as an admin in the configuration - this is important later!
If you're using Docker, leave the `web` `port` and `address` as-is. Additionally, make sure to configure
the `database` section to look like this:
If you're using Docker, leave the `web` `port` and `address` as-is. Dimension supports SQLite and PostgreSQL as the database. Make sure to configure the `database` section to look like this for SQLite:
```yaml
database:
file: "/data/dimension.db"
botData: "/data/bot.json"
```
or for PostgreSQL:
```yaml
database:
uri: "postgres://admin:password@localhost:5432/matrix-dimension"
botData: "/data/bot.json"
```
### Step 3: Running Dimension
**Docker**:

2
web/app/app.module.ts
View File

@ -133,7 +133,7 @@ export function HttpLoaderFactory(http: HttpClient) {
routing,
NgbModule,
UiSwitchModule,
ToasterModule,
ToasterModule.forRoot(),
BrowserAnimationsModule,
BreadcrumbModule,
CKEditorModule,

4
web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
View File

@ -26,14 +26,14 @@
<div class="stickers">
<div class="sticker" *ngFor="let sticker of pack.stickers trackById"
(click)="sendSticker(sticker, pack)">
<img [src]="getThumbnailUrl(sticker.thumbnail.mxc, 48, 48)" width="48" height="48" class="image"
<img [src]="getThumbnailUrl(sticker.thumbnail.mxc, 48, 48)" width="48" height="48" class="image" loading="lazy"
[alt]="sticker.name" [ngbTooltip]="sticker.name" placement="bottom"/>
</div>
</div>
</div>
<div class="sticker-pack-list" [@hideList]="isListVisible ? 'visible' : 'hidden'" (wheel)="scrollHorizontal($event)" >
<div class="sticker-pack-list-item" *ngFor="let pack of packs trackById" (click)="scrollToPack('pack-' + pack.id)">
<img [src]="getThumbnailUrl(pack.stickers[0].thumbnail.mxc, 48, 48)" width="40" height="40" class="image"
<img [src]="getThumbnailUrl(pack.stickers[0].thumbnail.mxc, 48, 48)" width="40" height="40" class="image" loading="lazy"
[alt]="pack.displayName" [ngbTooltip]="pack.displayName" placement="top" container="body"/>
</div>
<div class="sticker-pack-list-config" (click)="openIntegrationManager()"

2
web/style/app.scss
View File

@ -1,12 +1,12 @@
// styles in src/style directory are applied to the whole page
@import "../assets//fonts/opensans100-roboto300";
@import "../../node_modules/angular2-toaster/toaster";
@import "~bootstrap/scss/bootstrap";
@import "~ngx-ui-switch/ui-switch.component.scss";
@import "themes/themes";
@import "components/ibox";
@import "components/dialog";
@import "components/bootstrap_override";
@import "~angular2-toaster/toaster";
@import "riot";
body {

4
web/style/components/bootstrap_override.scss vendored
View File

@ -27,5 +27,9 @@
.form-control::placeholder {
color: themed(formControlPlaceholderColor);
}
.toast:not(.show) {
display: flex;
}
}
}