Dashboard Banners en

Installations 120 Likes 38

Adds a "World Map" and "Characters" banner to the dashboard. For this to work properly, you must place a full width Map widget at the top of your dashboard with character widgets of any size beneath.

dashboard

Latest version 1.1 View content

Released 2 years ago

Fixed widget icon alignment

Plugin CSS for 1.1


/* dashboard */
.widget-map .panel-body { height: 350px; }
.panel-heading-entity .panel-title { line-height: 0.1; }
.panel-heading-entity { height: 175px; }
#campaign-dashboard .campaign { display: none; }
#campaign-dashboard .campaign + .row:before { content: "World Map"; }
#campaign-dashboard .campaign + .row:after { content: "Characters"; }
#campaign-dashboard .campaign + .row:after, #campaign-dashboard .campaign + .row:before {
    font-size: xx-large;
    position: relative;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    margin-bottom: 20px;
    width: 95%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgb(30, 30, 30), rgba(0,0,0,0));
}

.panel-title .ra,
.panel-title .fa,
.panel-title .fab,
.panel-title .fad,
.panel-title .fal,
.panel-title .far,
.panel-title .fas {
    line-height: 0.1;
}