Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Makeup Leggero-v2 Style #259

Merged

Conversation

Fraenkiman
Copy link
Collaborator

@Fraenkiman Fraenkiman commented Aug 20, 2023

This is a PR which merges all the individual commits from #254 and #258.

This elevates the Leggero-v2 style to a more modern design.
In most situations in life, first impressions count. The FlatPress Leggero-v2 style is what the user sees first after performing the setup. What's more, mobile data traffic now accounts for more than 54% of total traffic, overtaking the desktop computer as the most-used device for accessing the Internet. But PC screens also offer significantly higher resolutions by default today than in 2015, for example.
Potential new users may not immediately find their way to the wiki to see the variety of themes there - and hastily delete FlatPress again. Therefore I made a few small changes to the style:

  • Adjusted the alignment of the calendar widget and the search widget.
  • The theme now adapts better at screen widths between 720px and 768px.
  • Media queries were created for individual device classes (smartphone, netbook, laptop and PC) in order to
    achieve a better display, especially for mobile devices.
  • The overall appearance is now not so angular/edgy.
  • A single PhotoSwipe image or a whole gallery is now centered in the responsive design. Give the possibility to center a left/right aligned PhotoSwipe image in the responsive design #150
  • BBcode videos are no longer chopped off in responsive design, but adjusted to the width and center aligned.
  • BBcode-Facebook-Video now uses the latest video player API and the lazy loading mechanism of the browser
  • A left or right aligned BBcode video will now be centered if the screen < 960 px.
  • A BBcode embedded Facebook video now has localized languages with language tag. Facebook-Video not have multilingual support #252
    (https://developers.facebook.com/docs/javascript/internationalization).
  • BBcode: Removed reference to an active lightbox plugin, as PhotoSwipe can be used as an alternative.
  • Fixed an error in the HTML code of PhotoSwipe-Plugin. Error in the HTML code of PhotoSwipe #253
  • PhotoSwipe 4.1.3 (2019) included. Update PhotoSwipe to the 2019 release level #255
  • In the admin area, the configuration panel has been revised
  • fixed vertical alignment of BBCode toolbar in write panel
  • The BBcode toolbar adapted for a better display at the screen width of 640px.
  • The menu and submenu in the administration area now also has a "slightly" more modern design.
  • Template and CSS from Uploader > Gallery: image texts; button and table adapted to Leggero V2 style.
  • Lucida Console [code] ... [/code]is now correct as a font in the CSS file.
  • Removes obsolete acronym element in the language files and replaces it with the appr element
  • Fixes a problem in the admin area when rendering font-sizes in Safari, Chrome and Firefox (iPhone/iPad). With Safari (iPhone 11-13 and iPad Mini) some font-sizes in the administration area are not rendered correctly. #256
  • Added "background-attachment: fix" -workaround for mobile devices.
  • Admin area now has Leggero-v2 style background instead of white background.

fb-video-i18n

bbcode_video

leggero-v2-admn-area-Previous-layout

leggero-v2-admn-area-revised-layout

leggero-v2-mobile

leggero-v2-aa

mobile-responsive

With best regards
Frank

commit a4711e7
Author: Fraenkiman <frank.pcn@gmail.com>
Date:   Mon Aug 21 00:41:09 2023 +0200

    other small adjustments

    - BBcode-Facebook-Viedo now uses the latest video player API and the lazy loading mechanism of the browser
    - Added background-attachment: fix workaround for mobile devices
    - small fixes to be valid with CSS3

commit 00c0e37
Author: Fraenkiman <frank.pcn@gmail.com>
Date:   Fri Aug 18 20:14:05 2023 +0200

    Update plugin.bbcode.php

    - BBcode-Facebook-Viedo now uses the latest video player API and the lazy loading mechanism of the browser

commit d8688ab
Author: Fraenkiman <frank.pcn@gmail.com>
Date:   Fri Aug 18 00:18:19 2023 +0200

    Update plugin.fpprotect.php

    - FP-Protect allows full-screen playback of embedded videos

commit b4ccc4a
Author: Fraenkiman <frank.pcn@gmail.com>
Date:   Tue Aug 15 23:46:57 2023 +0200

    Update common.css

    - center BBcode video if screen < 960px

commit ff3f9d8
Author: Fraenkiman <frank.pcn@gmail.com>
Date:   Sat Aug 12 13:31:51 2023 +0200

    Update common.css

    - BBcode video is displayed larger on larger screens

commit 9c22357
Author: Fraenkiman <frank.pcn@gmail.com>
Date:   Tue Aug 8 00:54:31 2023 +0200

    Update admin.css

    - now also fits the entry preview on a smartphone

commit b531da3
Author: Fraenkiman <frank.pcn@gmail.com>
Date:   Mon Aug 7 23:41:45 2023 +0200

    Squashed commit of the following:

    commit b8c94ec
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Mon Aug 7 23:23:21 2023 +0200

        Media queries were created for individual device classes

        - Media queries were created for individual device classes (smartphone, netbook, laptop and PC) in order to

    commit e2258bf
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Thu Aug 3 00:16:22 2023 +0200

        Use full width on small screens

        Mobile devices are increasingly replacing the classic PC.
        So it is all the more important to make the theme and the administration area more accessible for today's mobile devices.
        - With a screen width of up to 768px, the full width is utilized.
        - The theme is no longer compressed vertically on small screens from 720px to 768px.

    commit ff76513
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Wed Aug 2 00:13:36 2023 +0200

        Update admin.css

    commit 8140761
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Tue Aug 1 01:03:39 2023 +0200

        the minimum width removed from the body-container

        - the minimum width removed from the body-container entirely

    commit eb651c5
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Tue Aug 1 00:15:30 2023 +0200

        reduced the minimum width to 720px

        - reduced the minimum width to 720px for better viewing with a mobile device in landscape mode

    commit 2ce9fc6
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Sun Jul 30 18:57:11 2023 +0200

        Fixes a problem in the admin area when rendering font-sizes

        - Fixes a problem in the admin panel when displaying font sizes in the mobile version of Firefox and Chrome.

    commit c8d4ee7
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Sun Jul 30 18:25:02 2023 +0200

        Fixes a problem in the admin area when rendering font-sizes

        Fixes a problem in the admin panel when displaying font sizes in the mobile version of Firefox and Chrome.

    commit 451a960
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Sat Jul 29 03:08:33 2023 +0200

        Removes obsolete acronym element, Fixes a problem when rendering font-sizes in Safari

        - Removes obsolete acronym element in the language files and replaces it with the appr element

        - Fixes a problem in the admin area when rendering font-sizes in Safari (iPhone/iPad). flatpressblog#256

        The Safari version used in iOS (iPhone/iPad) sometimes "ignores" the font sizes defined with font-size when rendering web pages or adjusts them automatically to improve readability.
        In certain places this is not bad, but it can also lead to unattractive changes in the design of the admin area.

    commit a844073
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Mon Jul 24 00:21:37 2023 +0200

        Update common.css

        - Width of comment and contact text field defined

    commit 5c3cc43
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Wed Jul 19 01:16:39 2023 +0200

        Fixed more CSS/Glitches

        - Vertical alignment of the BBcode toolbar
        - placed missing label elements in config panel for consistent alignment

    commit fec3875
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Sat Jul 15 17:59:31 2023 +0200

        Update admin.css

         - fixed vertical alignment of BBCode toolbar in write panel

    commit ef13f54
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Fri Jul 14 00:25:50 2023 +0200

        Configuration panel revised

        - In the admin area, the configuration panel has been revised

    commit 54232c3
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Tue Jul 11 21:57:18 2023 +0200

        PhotoSwipe 4.1.3 included

        This upgrades PhotoSwipe to the January 8, 2019 release level and is the last version before rewriting to ES6. Fixed the following:

        Fixes an issue with devices that have multiple input types and PhotoSwipe does not wipe.
        Fixes an issue where the layout does not update after an alignment change in some cases.
        Previous FlatPress-specific fixes have been considered and incorporated.
        Details can be found here:
        https://github.com/dimsemenov/PhotoSwipe/releases

        With best regards
        Frank

    commit 1179f30
    Merge: b735135 1aab02c
    Author: Frank Hochmuth <frank.pcn@gmail.com>
    Date:   Mon Jul 10 01:29:20 2023 +0200

        Merge branch 'master' into upstream/makup-Leggero-Theme

    commit b735135
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Mon Jul 10 01:12:32 2023 +0200

        Fresh makeup for Leggero-v2 style

        This elevates the Leggero-v2 style to a more modern design.
        In most situations in life, first impressions count. The FlatPress Leggero-v2 style is what the user sees first after performing the setup.
        Potential new users may not immediately find their way to the wiki to see the variety of themes there - and hastily delete FlatPress again. Therefore I made a few small changes to the style:

        - Adjusted the alignment of the calendar widget and the search widget.
        - A single PhotoSwipe image or a whole gallery is now centered in the responsive design. flatpressblog#150
        - BBcode videos are no longer chopped off in responsive design, but adjusted to the width and center aligned.
        - The overall appearance is now not so angular/edgy.
        - A BBcode embedded Facebook video now has localized languages with language tag. flatpressblog#252
          (https://developers.facebook.com/docs/javascript/internationalization).
        - BBcode: Removed reference to an active lightbox plugin, as PhotoSwipe can be used as an alternative.
        - Fixed an error in the HTML code of PhotoSwipe-Plugin. flatpressblog#253
        - Lucida Console [code] ... [/code]is now correct as a font in the CSS file.
        - Admin area now has Leggero-v2 style background instead of white background.

        With best regards
        Frank

    commit f8c66f5
    Author: Fraenkiman <frank.pcn@gmail.com>
    Date:   Mon Jul 3 01:20:07 2023 +0200

        Fresh makeup for Leggero-v2 Style

        This elevates the style Leggero-v2 to a more modern looking design.

        Details:
         * IE compatibility removed
         * fixed some minor layout/CSS glitches
         * a single photoswipe image or a whole gallery is now centered in RESPONSIVE DESIGN.
         * The appearance is now not so canny and has been adapted to the body.
- Template and CSS from Uploader > Gallery: image texts; button and table adapted to Leggero V2 style.

- The BBcode toolbar adapted for a better display at the screen width of 640px.

- The menu and submenu in the administration area now also has a "slightly" more modern design.
- Draft and error line adjusted
- h2 and h3 adjusted
@azett
Copy link
Member

azett commented Sep 24, 2023

Frank, this is just AWESOME work! 😮
Thank you very much!

@azett azett merged commit 2a76f19 into flatpressblog:master Sep 24, 2023
azett added a commit that referenced this pull request Sep 24, 2023
Added #259 details
azett added a commit that referenced this pull request Sep 25, 2023
not all of #259 was theme-related
@Fraenkiman Fraenkiman deleted the upstream/makeup-leggero-v2-style branch September 29, 2023 22:27
Fraenkiman added a commit to Fraenkiman/flatpress that referenced this pull request Sep 30, 2023
This PR is a supplement for PR flatpressblog#259 and includes:

- Text now keeps distance to a right or left floating BBcode video.
- Leggero v2 version bump
- small correction in the changelog
- I was once so cheeky and added myself to the existing style contributors :-P .
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants