Is there a forum or examples of custom css people have used to customize the checkvist interface?

Is there a forum or examples of custom css people have used to customize the checkvist interface?  I'm trying out the pro account and would be interested to see what others have done.

Comments

  1. Sasha Maximova11 February 2015 at 12:29

    Hello Neil! Unfortunately there's no forum, and it seems a good idea to create a css snippet library of sorts. Will try to collect something like this over the weekend. 
    As an example, Kirill is describing a nice trick with custom CSS here https://plus.google.com/+JohnWinstanley/posts/7JUPaYdGUMM (the first comment to the post).

    ReplyDelete
  2. Neil Hastings13 February 2015 at 06:24

    Thanks for the reply.  Very interesting about the tags

    ReplyDelete
  3. Rebecca O'Connell14 February 2015 at 19:08

    Additionally, you can use custom CSS to:
    1. Set custom tag colors. Example:
    .tagClass_19, a.tagClass_19 {
        background-color: #D8DFE0;
        color: #150069;
        font-weight: bold;
    }


    2. Use FontAwesome icons. would display a clock if you add the following CSS:
    .fa-clock{
    padding:4px .5em 4px 0;
    margin-left:1em;
    background-color:#eee;
    border-radius:4px;
    color:#0980f4;
    }
    .fa-clock:before{
    content:"\00a0\f017";
    color:#0980f4;
    }

    .fa, .fa-clock {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    3. Create a custom quote style where all quotes have a line to the left and no extra space (which I find distracting and confusing with all the indenting already used in an outline):
    .userContent blockquote, .userContent q {
       margin: 0 1em 0 0; 
       padding: 0 0 0 1em;
       border-left: 3px solid #eee;
       font-style: normal;
       display:block;
    }
    .userContent q:before, .userContent q:after{
       content:"";
    }

    I also use it to increase the size of the expansion arrows, but the alignment on my arrows is a little off, so I won't share that code.

    ReplyDelete
  4. Checkvist9 March 2015 at 05:43

    Hello, we've created a public list with some CSS snippets, here https://checkvist.com/checklists/486715

    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