Merge pull request #2747 from ethereum/spacelab-theme-fix

Spacelabs theme fix
pull/5370/head
bunsenstraat 2 years ago committed by GitHub
commit d5af8d205a
  1. 2
      apps/remix-ide-e2e/src/tests/gist.test.ts
  2. 168
      apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css

@ -128,7 +128,7 @@ module.exports = {
'Import From Gist For Valid Gist ID #group2': function (browser: NightwatchBrowser) {
browser
.waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000)
.waitForElementVisible('*[data-id="remixIdeIconPanel"]', 15000)
.clickLaunchIcon('settings')
.click('*[data-id="settingsTabGenerateContractMetadataLabel"]')
.setValue('[data-id="settingsTabGistAccessToken"]', process.env.gist_token)

@ -30,7 +30,9 @@
--info:#3399f3;
--warning:#d47500;
--danger:#cd0200;
--text:#eee;
--text: #343a40;
/* --text:#eee; */
/* --text-background: #; */
--light:#eee;
--dark:#333;
--body-bg:#fff;
@ -437,25 +439,25 @@ pre code {
.container,.container-sm {
max-width:540px
}
}
@media (min-width:768px) {
.container,.container-md,.container-sm {
max-width:720px
}
}
@media (min-width:992px) {
.container,.container-lg,.container-md,.container-sm {
max-width:960px
}
}
@media (min-width:1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width:1140px
}
}
.row {
display:-ms-flexbox;
@ -875,7 +877,7 @@ pre code {
.offset-sm-11 {
margin-left:91.666667%
}
}
@media (min-width:768px) {
.col-md {
@ -1077,7 +1079,7 @@ pre code {
.offset-md-11 {
margin-left:91.666667%
}
}
@media (min-width:992px) {
.col-lg {
@ -1279,7 +1281,7 @@ pre code {
.offset-lg-11 {
margin-left:91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
@ -1481,7 +1483,7 @@ pre code {
.offset-xl-11 {
margin-left:91.666667%
}
}
.table {
width:100%;
@ -1664,7 +1666,7 @@ pre code {
.table-responsive-sm>.table-bordered {
border:0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
@ -1676,7 +1678,7 @@ pre code {
.table-responsive-md>.table-bordered {
border:0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
@ -1688,7 +1690,7 @@ pre code {
.table-responsive-lg>.table-bordered {
border:0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
@ -1700,7 +1702,7 @@ pre code {
.table-responsive-xl>.table-bordered {
border:0
}
}
.table-responsive {
display:block;
@ -1730,7 +1732,7 @@ pre code {
.form-control {
transition:none
}
}
.form-control::-ms-expand {
background-color:transparent;
@ -2116,7 +2118,7 @@ textarea.form-control {
.form-inline .custom-control-label {
margin-bottom:0
}
}
.btn {
display:inline-block;
@ -2140,7 +2142,7 @@ textarea.form-control {
.btn {
transition:none
}
}
.btn:hover {
color:#777;
@ -2628,7 +2630,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.fade {
transition:none
}
}
.fade:not(.show) {
opacity:0
@ -2646,7 +2648,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.collapsing {
transition:none
}
}
.dropdown,.dropleft,.dropright,.dropup {
position:relative
@ -2703,7 +2705,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
right:0;
left:auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
@ -2714,7 +2716,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
right:0;
left:auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
@ -2725,7 +2727,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
right:0;
left:auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
@ -2736,7 +2738,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
right:0;
left:auto
}
}
.dropup .dropdown-menu {
top:auto;
@ -3192,7 +3194,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.custom-switch .custom-control-label::after {
transition:none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color:#fff;
@ -3358,7 +3360,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
-webkit-transition:none;
transition:none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color:#b4c8de
@ -3388,7 +3390,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
-moz-transition:none;
transition:none
}
}
.custom-range::-moz-range-thumb:active {
background-color:#b4c8de
@ -3420,7 +3422,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
-ms-transition:none;
transition:none
}
}
.custom-range::-ms-thumb:active {
background-color:#b4c8de
@ -3465,7 +3467,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.custom-control-label::before,.custom-file-label,.custom-select {
transition:none
}
}
.nav {
display:-ms-flexbox;
@ -3631,7 +3633,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
padding-right:0;
padding-left:0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
@ -3664,14 +3666,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.navbar-expand-sm .navbar-toggler {
display:none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
padding-right:0;
padding-left:0
}
}
@media (min-width:768px) {
.navbar-expand-md {
@ -3704,14 +3706,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.navbar-expand-md .navbar-toggler {
display:none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
padding-right:0;
padding-left:0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
@ -3744,14 +3746,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.navbar-expand-lg .navbar-toggler {
display:none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
padding-right:0;
padding-left:0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
@ -3784,7 +3786,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.navbar-expand-xl .navbar-toggler {
display:none
}
}
.navbar-expand {
-ms-flex-flow:row nowrap;
@ -4012,7 +4014,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
margin-bottom:0;
margin-left:15px
}
}
.card-group>.card {
margin-bottom:15px
@ -4053,7 +4055,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius:0
}
}
.card-columns .card {
margin-bottom:.75rem
@ -4073,7 +4075,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
display:inline-block;
width:100%
}
}
.accordion {
overflow-anchor:none
@ -4220,7 +4222,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
.badge {
transition:none
}
}
a.badge:focus,a.badge:hover {
text-decoration:none
@ -4343,7 +4345,7 @@ a.badge-dark.focus,a.badge-dark:focus {
.jumbotron {
padding:4rem 2rem
}
}
.jumbotron-fluid {
padding-right:0;
@ -4469,7 +4471,7 @@ a.badge-dark.focus,a.badge-dark:focus {
to {
background-position:0 0
}
}
@keyframes progress-bar-stripes {
from {
@ -4478,7 +4480,7 @@ a.badge-dark.focus,a.badge-dark:focus {
to {
background-position:0 0
}
}
.progress {
display:-ms-flexbox;
@ -4508,7 +4510,7 @@ a.badge-dark.focus,a.badge-dark:focus {
.progress-bar {
transition:none
}
}
.progress-bar-striped {
background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
@ -4523,7 +4525,7 @@ a.badge-dark.focus,a.badge-dark:focus {
-webkit-animation:none;
animation:none
}
}
.media {
display:-ms-flexbox;
@ -4639,7 +4641,7 @@ a.badge-dark.focus,a.badge-dark:focus {
margin-left:-1px;
border-left-width:1px
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
@ -4665,7 +4667,7 @@ a.badge-dark.focus,a.badge-dark:focus {
margin-left:-1px;
border-left-width:1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
@ -4691,7 +4693,7 @@ a.badge-dark.focus,a.badge-dark:focus {
margin-left:-1px;
border-left-width:1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
@ -4717,7 +4719,7 @@ a.badge-dark.focus,a.badge-dark:focus {
margin-left:-1px;
border-left-width:1px
}
}
.list-group-flush {
border-radius:0
@ -4932,7 +4934,7 @@ a.close.disabled {
.modal.fade .modal-dialog {
transition:none
}
}
.modal.show .modal-dialog {
-webkit-transform:none;
@ -5088,19 +5090,19 @@ a.close.disabled {
.modal-sm {
max-width:300px
}
}
@media (min-width:992px) {
.modal-lg,.modal-xl {
max-width:800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width:1140px
}
}
.tooltip {
position:absolute;
@ -5367,7 +5369,7 @@ a.close.disabled {
.carousel-item {
transition:none
}
}
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
display:block
@ -5399,7 +5401,7 @@ a.close.disabled {
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
transition:none
}
}
.carousel-control-next,.carousel-control-prev {
position:absolute;
@ -5422,7 +5424,7 @@ a.close.disabled {
.carousel-control-next,.carousel-control-prev {
transition:none
}
}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
color:#fff;
@ -5484,7 +5486,7 @@ a.close.disabled {
.carousel-indicators li {
transition:none
}
}
.carousel-indicators .active {
opacity:1
@ -5505,14 +5507,14 @@ a.close.disabled {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.spinner-border {
display:inline-block;
@ -5540,7 +5542,7 @@ a.close.disabled {
-webkit-transform:none;
transform:none
}
}
@keyframes spinner-grow {
0% {
@ -5552,7 +5554,7 @@ a.close.disabled {
-webkit-transform:none;
transform:none
}
}
.spinner-grow {
display:inline-block;
@ -5796,7 +5798,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
@media (min-width:768px) {
.d-md-none {
@ -5828,7 +5830,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
@ -5860,7 +5862,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
@media (min-width:1200px) {
.d-xl-none {
@ -5892,7 +5894,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
@media print {
.d-print-none {
@ -5924,7 +5926,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
.embed-responsive {
position:relative;
@ -6231,7 +6233,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
}
@media (min-width:768px) {
.flex-md-row {
@ -6370,7 +6372,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
}
@media (min-width:992px) {
.flex-lg-row {
@ -6509,7 +6511,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
@ -6648,7 +6650,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
}
.float-left {
float:left!important
@ -6669,7 +6671,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.float-sm-none {
float:none!important
}
}
@media (min-width:768px) {
.float-md-left {
@ -6681,7 +6683,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.float-md-none {
float:none!important
}
}
@media (min-width:992px) {
.float-lg-left {
@ -6693,7 +6695,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.float-lg-none {
float:none!important
}
}
@media (min-width:1200px) {
.float-xl-left {
@ -6705,7 +6707,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.float-xl-none {
float:none!important
}
}
.user-select-all {
-webkit-user-select:all!important;
@ -6768,7 +6770,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
top:0;
z-index:1020
}
}
.sr-only {
position:absolute;
@ -7390,7 +7392,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.ml-sm-auto,.mx-sm-auto {
margin-left:auto!important
}
}
@media (min-width:768px) {
.m-md-0 {
@ -7663,7 +7665,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.ml-md-auto,.mx-md-auto {
margin-left:auto!important
}
}
@media (min-width:992px) {
.m-lg-0 {
@ -7936,7 +7938,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.ml-lg-auto,.mx-lg-auto {
margin-left:auto!important
}
}
@media (min-width:1200px) {
.m-xl-0 {
@ -8209,7 +8211,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.ml-xl-auto,.mx-xl-auto {
margin-left:auto!important
}
}
.stretched-link::after {
position:absolute;
@ -8258,7 +8260,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.text-sm-center {
text-align:center!important
}
}
@media (min-width:768px) {
.text-md-left {
@ -8270,7 +8272,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.text-md-center {
text-align:center!important
}
}
@media (min-width:992px) {
.text-lg-left {
@ -8282,7 +8284,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.text-lg-center {
text-align:center!important
}
}
@media (min-width:1200px) {
.text-xl-left {
@ -8294,7 +8296,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
.text-xl-center {
text-align:center!important
}
}
.text-lowercase {
text-transform:lowercase!important
@ -8474,7 +8476,7 @@ a.text-dark:focus,a.text-dark:hover {
color:inherit;
border-color:#dee2e6
}
}
.navbar .nav-link,.navbar .navbar-brand {
text-shadow:-1px -1px 0 rgba(0,0,0,.1);

Loading…
Cancel
Save