ah-dashboard-plugin
Version:
Plugin for an ActionHero Dashboard with many functionalities
77 lines (70 loc) • 1.33 kB
CSS
.dashboard-widget-area {
margin: 10px 0 30px;
min-height: 200px;
}
.widget-container {
float:left;
display: inline-block;
width: 33%;
margin-right: 10px;
}
.widget {
margin: 0 1em 1em 0;
position: relative;
height: 100%;
}
.box-header {
overflow: hidden;
}
.box-header .label {
display: inline-block;
vertical-align: middle;
}
.box-header .glyphicon {
cursor: pointer;
float: right;
opacity: 0.5;
margin-left: 5px;
}
.box-header .glyphicon:hover {
opacity: 1;
}
.box-header .widget-title {
vertical-align: middle;
}
.box-header form.widget-title {
display: inline;
}
.box-header form.widget-title input.form-control {
width: auto;
display: inline-block;
}
.widget-content {
overflow: hidden;
}
.box .widget-ew-resizer {
position: absolute;
width: 5px;
right: -2px;
height:100%;
top:0;
cursor: ew-resize;
}
.box .widget-resizer-marquee {
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.remove-layout-icon {
vertical-align: text-top;
cursor: pointer;
opacity: 0.3;
}
.remove-layout-icon:hover {
opacity: 1;
}
.layout-title {
display: inline-block;
}