CSS Modifications

CSS Modifications

Has anyone got any useful CSS modifications that they could share here?

This is a great feature in the Pro-account version but I'm very close to useless with CSS so I was hoping someone might share some tips or mods here.

Thanks.

Comments

  1. Kirill Maximov (KIR)25 April 2013 at 12:53

    Hello John,

       Well, custom CSS is a rather advanced feature targeted to those who brave enough to change Checkvist styles (mostly for web developers).

      But I cannot resist to show a trick, though. You can style list items depending on tags you set on them. This is possible, because Checkvist adds CSS selectors with names based on tag names. So, for instance, you may style all list items tagged #important in blue and bold using the following CSS rule:

    .tag_important  .userContent { font-weight: bold; color: darkblue; }  

      Thanks Nathanael Boehm for the corresponding request: http://checkvist.uservoice.com/forums/2121-general/suggestions/1296367-put-tags-in-li-task-html-to-give-greater-control-?ref=title

    ReplyDelete
  2. John Winstanley25 April 2013 at 13:26

    Thanks for this Kirill Maximov - I'll have a play with this over the weekend.

    Maybe there could be a dedicated corner of Uservoice to share these CSS snippets?

    ReplyDelete
  3. Olli Savolainen29 April 2013 at 10:27

    I always thought theming should eventually not be an expert feature but it should have a UI of its own for at least a couple of the simplest alternatives - especially since imho the default theme arguably has an accessibility issue with the fact that the selected item have (had?)  a drastically different contrast than unselected ones which can be at least distracting, and other minor graphical nuisances for the minimalist type. Maybe I'll get around to posting my suggestions publicly at some point.

    ReplyDelete
  4. Kirill Maximov (KIR)30 April 2013 at 23:48

    User-friendly UI customizing is in the plans, though not the first priority.

    ReplyDelete
  5. Olli Savolainen1 May 2013 at 07:55

    Thanks. I am excited about your latest announced plans to work on the mobile ui :) It would be sooo cool to be able to work on my Android tablet.

    ReplyDelete
  6. Edo Amin Elan8 March 2015 at 12:03

    Can you restyle tag colors via CSS?

    ReplyDelete
  7. Kirill Maximov (KIR)9 March 2015 at 09:39

    Hello Edo Amin Elan , to set tag colors you need Checkvist PRO plan. Please take a look here: https://checkvist.com/auth/help#tagManage

    ReplyDelete
  8. Kirill Maximov (KIR)9 March 2015 at 09:40

    We've created a list of useful CSS snippets as a public list, please take a look: https://checkvist.com/p/42913

    ReplyDelete
  9. Edo Amin Elan9 March 2015 at 14:32

    I've seen these two. I am looking to restyle tags using my own color set - if that's an option, I haven't found it yet. The CSS - yes, those snippets are what started me thinking. I love replacing tags altogether by icons in the way this is demonstrated! In other words, I'm looking to make certain tags (or even all) invisible, just use them as a trigger for icons.

    Back in a previous decade, I has software that was able to replace "Call", "Buy" and "Email" with icons at the left side of tasks - I loved it.

    ReplyDelete
  10. Sasha Maximova10 March 2015 at 06:07

    Hello Edo Amin Elan. Thanks for the idea about invisible tags! Here's the additional snippet, https://checkvist.com/checklists/486715-checkvist-customization-css-samples#task_16904788 So you basically hide .tag after the tag_name, that's it.

    ReplyDelete

Post a Comment

Popular posts from this blog

I'm really enjoy using checkvist, you are adding great features very quickly.

I'm really enjoy using checkvist, you are adding great features very quickly.  What I feel is missing is more use cases.  How are people using Checkvist?  What are some recommend workflows?  How many lists do you have? User Stories will not only help those of use already using Checkvist to be more effective, but attract more non-technical customers. I like to keep my lists at a minimum.  I only split out for sharing but I'd prefer not to. Here are my lists: * Inbox:  This is where zapier based integrations go.  I have Jira tickets and emails tagged with "!action" going to list which I process daily. * The List:  This is my primary list.  Everything is here.  I use sub-nodes for different areas. * Honey Do:  This is the list my wife and I share to make sure we know what we both want done around the house. * "Client Project" - I have a few Lists I share with clients (Free lance web developer). I"m looking to write a more detailed blog post. How are your l
Read more

Hello friends

Hello friends, We are considering to change behaviour of move up/down command using ctrl+arrows for lists with hierarchy. The new approach is available on our beta site, https://beta.checkvist.com . Could you please try it out and tell us what you think? Thanks! https://beta.checkvist.com
Read more

Hello friends!

Hello friends! I'd like to ask for your opinion regarding multi-line text editing. This suggestion comes from one of our Russian-speaking customers Dolina Zamkova so here is a translated abstract of our email conversation. Current problem: When you write multi-line text, you must press 'Shift-Enter' first, then use 'Enter' to start a new line, then 'Ctrl-Enter' to submit the text. Wouldn't it be easier to have a setting that will allow using Enter to always write multi-line texts, and always submit on 'Ctrl-Enter', like you do it in text messengers? So we could add a new account-wide setting, on the Settings page: () Finish editing by pressing 'Ctrl-Enter' (convenient for multi-line text) What do you think? Do you write multi-line texts in Checkvist at all? Other thoughts of how we could make it better? :)
Read more