From aaf0b51c3d00eeca470f2d7e60bae4984ea82861 Mon Sep 17 00:00:00 2001 From: djmaze Date: Mon, 29 Nov 2021 12:43:16 +0100 Subject: [PATCH] Settings -> Themes use figure and figcaption elements --- dev/Styles/User/SettingsThemes.less | 17 +++++++++++------ .../templates/Views/User/SettingsThemes.html | 10 +++++----- .../themes/SquaresDark/images/preview.png | Bin 3913 -> 6144 bytes 3 files changed, 16 insertions(+), 11 deletions(-) diff --git a/dev/Styles/User/SettingsThemes.less b/dev/Styles/User/SettingsThemes.less index 8042f6686..9b26a27cd 100644 --- a/dev/Styles/User/SettingsThemes.less +++ b/dev/Styles/User/SettingsThemes.less @@ -1,13 +1,14 @@ -.b-themes-list { +#V-Settings-Themes { - .e-item { + figure { display: inline-block; border: 2px solid transparent; cursor: pointer; - padding: 16px; + padding: 8px; margin: 5px; + width: 128px; &:hover { border-color: grey; @@ -18,9 +19,13 @@ border-color: #000; } - .e-image { - width: 100px; - height: 100px; + figcaption { + padding: 0 0 8px 0; + text-align: center; + } + + img { + height: 128px; } } } diff --git a/snappymail/v/0.0.0/app/templates/Views/User/SettingsThemes.html b/snappymail/v/0.0.0/app/templates/Views/User/SettingsThemes.html index fdcef1644..0ebdabc94 100644 --- a/snappymail/v/0.0.0/app/templates/Views/User/SettingsThemes.html +++ b/snappymail/v/0.0.0/app/templates/Views/User/SettingsThemes.html @@ -2,11 +2,11 @@ -
-
-
- -
+
+
+
+ +


diff --git a/snappymail/v/0.0.0/themes/SquaresDark/images/preview.png b/snappymail/v/0.0.0/themes/SquaresDark/images/preview.png index 8b9b5963a8146068d4d1fdc0987dc86e35dbb878..5c9da0250de1a2190492918eeb354a358cafe976 100644 GIT binary patch literal 6144 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