Theme and Design

  • Resolved jfounts

    (@jfounts)


    9 years, 2 months ago

    Hello!

    As a designer, the ability to turn off the light/dark theme would be ideal since a designer will be applying a consistent look and feel with css.

    And regarding CSS, a method to add classes to certain elements for styling purpose would be ideal. Perhaps adding some fields in the appearance area with class names (which the user could) configure would work? The problem I’m trying to solve is either targeting elements via a wrapper (and then having the structure change) or targeting hard coded classes (which then change in an update). I’m open to discussing solutions.

    Thanks!

    https://www.ads-software.com/plugins/google-calendar-events/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Nick Young

    (@nickyoung87)

    Interesting idea about the theme. Will have to discuss that with the team.

    What are you trying to add classes to? You can add classes manually to the event details when using the event template tags.

    Thread Starter jfounts

    (@jfounts)

    Thanks for the response Nick.

    Items I have styled:
    current day – background of the whole dt.simcal-day-label item, not the child span label text
    container – simcal-events-list-container
    event – simcal-event
    event title – simcal-event-title
    event details label – event-details-label
    event links – event-links
    event start time
    event start date
    navigation buttons – smcal-nav-button
    current month
    week day

    PS – Overall, I really like the work you guys have put in here. Great product.

    Thread Starter jfounts

    (@jfounts)

    A few more, sorry:
    previous and next
    placeholder blocks – simcal-day-void
    details pane – qtip
    loading pane
    loading icon
    today background
    days with events background

    Plugin Contributor Nick Young

    (@nickyoung87)

    Ok so it looks like you have a mix then.

    One thing to note is that some styles are inherited from the theme styles already so maybe that will help you out too.

    For things like event title you can add your own class easily in the event templates, for example:

    <p class="my-custom-class">[title]</p>

    I do see a bunch though that aren’t capable of that like the loading, backgrounds, nav buttons, etc. (anything that is not available to pull from the event template tags basically)

    I will keep an eye on this stuff and will bring this up with the rest of the team to at least have a discussion about it all.

    Thanks for the feedback once again and all the extra info to help make it more clear.

    Thread Starter jfounts

    (@jfounts)

    Thanks Nick. Out of curiosity, how are you tracking feature requests?

    Plugin Contributor Nick Young

    (@nickyoung87)

    Some of them I add here: https://github.com/moonstonemedia/Simple-Calendar/issues

    Some of them I email the team about or write down to discuss with them in the future.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Theme and Design’ is closed to new replies.