mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-19 19:25:51 +00:00
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
This commit is contained in:
@@ -11,44 +11,7 @@
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
/* Progress spinner animation */
|
||||
@keyframes rotating {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotating /* Safari and Chrome */ {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.page-test-net .throbber,
|
||||
.page-tx-sender .throbber,
|
||||
.interactive-block .throbber {
|
||||
.throbber {
|
||||
width: 24px;height:24px;
|
||||
}
|
||||
|
||||
@@ -94,3 +57,45 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user