static cssTemplate()

in resources/perf.webkit.org/public/v3/components/results-table.js [136:228]

• 79 lines of code
• 1 McCabe index (conditional complexity)

    static cssTemplate()
    {
        return `
            table.results-table {
                border-collapse: collapse;
                border: solid 0px #ccc;
                font-size: 0.9rem;
            }

            .results-table th {
                text-align: center;
                font-weight: inherit;
                font-size: 1rem;
                padding: 0.2rem;
            }

            .results-table td {
                height: 1.4rem;
                text-align: center;
            }

            .results-table td.whole-row-label {
                text-align: left;
            }

            .results-table thead {
                color: #c93;
            }

            .results-table td.revision {
                vertical-align: top;
                position: relative;
            }

            .results-table tr:not(:last-child) td.revision:after {
                display: block;
                content: '';
                position: absolute;
                left: calc(50% - 0.25rem);
                bottom: -0.4rem;
                border-style: solid;
                border-width: 0.25rem;
                border-color: #999 transparent transparent transparent;
            }

            .results-table tr:not(:last-child) td.revision:before {
                display: block;
                content: '';
                position: absolute;
                left: calc(50% - 1px);
                top: 1.2rem;
                height: calc(100% - 1.4rem);
                border: solid 1px #999;
            }
            
            .results-table tr:not(:last-child) td.revision.lastRevision:after {
                bottom: -0.2rem;
            }
            .results-table tr:not(:last-child) td.revision.lastRevision:before {
                height: calc(100% - 1.6rem);
            }

            .results-table tbody:not(:first-child) tr:first-child th,
            .results-table tbody:not(:first-child) tr:first-child td {
                border-top: solid 1px #ccc;
            }

            .results-table bar-graph {
                display: block;
                width: 7rem;
                height: 1rem;
            }

            #constant-commits {
                list-style: none;
                margin: 0;
                padding: 0.5rem 0 0 0.5rem;
                font-size: 0.8rem;
            }

            #constant-commits:empty {
                padding: 0;
            }

            #constant-commits li {
                display: inline;
            }

            #constant-commits li:not(:last-child):after {
                content: ', ';
            }
        `;
    }