pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

rename app/assets/sass/components/_request-item.scss to _request-list.scss

Browse source
This commit is contained in:
Henrik Hautakoski 2018-08-31 18:33:56 +02:00
parent f7432fa4a8
commit 124eb1ef16
2 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

126
app/assets/sass/components/_request-item.scss
View file

@ -1,126 +0,0 @@
.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;
}
}
&-row {
display: block;
& + & {
margin-top: .4em;
}
}
&-method,
&-uri,
&-type,
&-timestamp,
&-size,
&-ip {
display: inline-block;
.icon {
margin: 0 .2em;
}
}
&-type,
&-timestamp,
&-size,
&-ip {
color: $request-item-secondary-color;
font-size: $font-size-small;
}
&-method {
font-weight: bold;
}
&-type,
&-size {
width: 30%;
}
&-ip,
&-timestamp {
float: right;
}
}
// Detail section
// --------------
&-detail {
background-color: $request-detail-background;
border: 1px solid $request-item-border-color;
padding: 1em;
&-headers {
@extend .table, .table-bordered;
background: white;
&-key {
width: 30%;
}
}
&-body {
margin-bottom: 1em;
}
&-button {
@extend .button, .button-brand;
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;
}
}
}