Skip to content

Instantly share code, notes, and snippets.

@leandromuto

leandromuto/dashboard.css

Created January 6, 2023 15:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save leandromuto/b19c6798679ad5fa300eedb0dbc23ee3 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save leandromuto/b19c6798679ad5fa300eedb0dbc23ee3 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. leandromuto created this gist Jan 6, 2023.
    88 changes: 88 additions & 0 deletions dashboard.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,88 @@
    /* Updated 2022-02-28 */

    .dashboard {
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 20px !important;
    width: 100%;
    }

    .dashboard .markdown-preview-section {
    max-width: 100%;
    }

    /* Title at top of the document */
    .dashboard .markdown-preview-section .title {
    top: 60px;
    position: absolute;
    font-size: 26pt !important;
    font-weight: bolder;
    letter-spacing: 8px;
    }

    .dashboard h1 {
    border-bottom-style: dotted !important;
    border-width: 1px !important;
    padding-bottom: 3px !important;
    }

    .dashboard h3 {
    color: purple;
    margin: 25px 25px 25px 0;
    font-size: 20pt;
    }

    .dashboard div * {
    overflow: hidden;
    }

    .dashboard div p {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    }

    .dashboard span div.embed-title {
    display: none
    }

    .dashboard span.markdown-embed {
    border: none;
    width: auto;
    max-width: 66%;
    align-self: flex-start;
    }

    .dashboard div ul {
    list-style: none;
    /* display: flex; */
    column-gap: 48px;
    /* flex-flow: row wrap; */
    align-self: flex-start;
    height: 100%;
    }

    .dashboard div ul li {
    min-width: 33%;
    width: 15%;
    list-style: none;
    }

    /* Exclusive for Todoist plugin */
    .dashboard span[src="Todoist#All Tasks"] {
    flex-grow: 2;
    }

    .dashboard span[src="Todoist#All Tasks"] ul li {
    width: auto;
    }

    .dashboard span[src="Todoist#All Tasks"] ul {
    margin: 0;
    padding: 0;
    }

    .dashboard span[src="Todoist#All Tasks"] ul li input {
    border: 1px solid #fff !important;
    margin-inline-start: 0;
    }