Files
xrpl-dev-portal/styles/_dev-tools.scss
mDuo13 2c3a6e0c82 Style fixes for tools & 404 page:
- Set Bootstrap colors for background colors
- Adjust button padding to work in more contexts
- Removed unused tool CSS. Migrated some styles to SCSS.
- Fix sticky overlap in faucets sidebar
- Make 404 page inherit from base template
2020-09-11 18:07:47 -07:00

102 lines
1.6 KiB
SCSS

/* Dev Tool styles stuff ---------------------------------------------------- */
#tx-sender-history .list-group-item {
font-size: small;
color: $gray-600;
}
.response-metadata .timestamp {
color: $gray-600;
position: relative;
top: 16px;
}
.throbber {
width: 24px;height:24px;
}
#connection-status .card-body {
border-left: 0;
}
#connection-status-item.active {
background-color: $success;
border-color: $success;
}
#tx-sender-history ul {
overflow: auto;
height: 220px;
border: 1px solid $gray-200;
}
#pp_progress small {
margin-top: .5rem; // Fix "Getting ready to send..." position
}
.page-tx-sender .input-group .form-control {
flex: 1 1 20%;
}
.bootstrap-growl {
max-width: 90vw !important;
overflow: hidden;
}
.list-group-item-danger,
#tx-sender-history .list-group-item-danger {
background-color: $magenta-300;
color: $black;
a {
color: $black;
&:hover {
color: $black;
text-decoration: underline;
}
}
}
#rest_url_wrapper p {
margin: 0;
border-radius: 4px;
// $code-bg and $code-padding are from _code-tabs.scss
background-color: $code-bg;
padding: $code-padding;
overflow: auto;
}
#rest_url {
width: auto;
border: 0;
background: none;
font-size:13px;
vertical-align: top;
.editable {
color: $white;
font-weight: bold;
font-family: $font-family-monospace;
border-width: 0 0px 1px 0;
border-style: dotted;
border-color: $gray-200;
min-width: 5em;
background: none;
vertical-align: top;
}
.non_editable {
vertical-align: top;
}
div {
display: inline-block;
}
input {
margin: 0 !important;
}
}