102 lines
2.4 KiB
Text
102 lines
2.4 KiB
Text
|
|
.request-list {
|
|
|
|
|
|
&-item {
|
|
|
|
// Header Section
|
|
// --------------
|
|
&-header {
|
|
display: block;
|
|
padding: .5em 1em;
|
|
|
|
color: @request-item-active-color;
|
|
background-color: @request-item-active-background;
|
|
border: 1px solid @request-item-active-border-color;
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
color: @request-item-active-color;
|
|
text-decoration: none;
|
|
}
|
|
|
|
&.collapsed {
|
|
background-color: @request-item-background;
|
|
|
|
&:hover {
|
|
background-color: @request-item-hover-background;
|
|
}
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
color: @request-item-color;
|
|
}
|
|
}
|
|
|
|
&-index {
|
|
display: inline-block;
|
|
width: 10%;
|
|
}
|
|
|
|
&-type,
|
|
&-size,
|
|
&-timestamp {
|
|
display: inline-block;
|
|
width: 20%;
|
|
.icon {
|
|
padding: 0 .4em;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Detail section
|
|
// --------------
|
|
&-detail {
|
|
|
|
background-color: @request-detail-background;
|
|
border: 1px solid @request-item-border-color;
|
|
padding: 1em;
|
|
|
|
&-headers {
|
|
&:extend(.table all);
|
|
&:extend(.table-bordered all);
|
|
background: white;
|
|
|
|
&-key {
|
|
width: 30%;
|
|
}
|
|
}
|
|
|
|
&-body {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
&-button {
|
|
&:extend(.button all);
|
|
&:extend(.button-brand all);
|
|
display: block;
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
|
|
// Border overrides
|
|
// ----------------
|
|
|
|
// Remove bottom border from header for all but last request-item.
|
|
&:not(:last-child) &-header {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
// Remove top border from detail element for last request-item.
|
|
&:last-child &-detail {
|
|
border-top: 0;
|
|
}
|
|
|
|
// Remove bottom border from detail element for all but last request-item.
|
|
&:not(:last-child) &-detail {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
}
|