Files
xrpl-dev-portal/styles/_dev-tools.scss
mDuo13 dd3644ea36 Fix WS Tool links, examples, sidebar
- Update docs links for all methods.
- Add some missing methods.
- Add an icon for Clio-specific methods.
- Move the long list of ledger_entry examples below other types so those
  ones are not as buried.
- Remove unused old JS files.
- Make method list sidebar self-scrolling like docs TOC sidebar, so that
  links to methods lower in the list don't scroll the main UI up off the
  visible part of the page.
- Fix #2470.
- Fix a broken 'try it' link on the amm_info page that was causing an
  error page to display when clicked.
2024-03-22 15:20:26 -07:00

85 lines
1.8 KiB
SCSS

/* Dev Tool styles stuff ---------------------------------------------------- */
.command-list-wrapper {
// WebSocket Tool right sidebar
position: sticky;
top: calc(var(--navbar-height) + var(--toc-offset-top));
max-height: calc(100vh - var(--navbar-height) - var(--toc-offset-top));
overflow-y: auto;
width: var(--toc-width);
}
#tx-sender-history .list-group-item {
font-size: small;
color: $gray-600;
}
.response-metadata .timestamp {
color: $gray-600;
}
.throbber {
width: 24px;height:24px;
}
#connection-status .card-body {
border-left: 0;
}
#connection-status-item.active {
background-color: $success;
border-color: $success;
}
.api-input-area .btn-group > .send-request.btn {
// This button is part of a toolbar with a loader animation, which causes the
// right edges to not be rounded even though the loader is usually invisible.
// So, this forces the button's corners to be consistently rounded.
border-bottom-right-radius: $border-radius-sm;
border-top-right-radius: $border-radius-sm;
}
#tx-sender-history ul {
overflow: auto;
height: 220px;
border: 1px solid $gray-200;
}
.progress small {
margin-top: .5rem; // Fix "Getting ready to send..." position
}
.page-tx-sender .input-group .form-control,
.interactive-block-ui .input-group .form-control {
flex: 1 1 20%;
height: auto;
}
.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;
}
}
}
.rpc-tool .main {
h1::before, h2::before, h3::before {
// These aren't anchors, and the placement of the anchor fix thing
// causes things above them to be unclickable
display: none;
}
}