Skip to content

Commit

Permalink
Merge pull request #446 from HarperDB/STUDIO-152
Browse files Browse the repository at this point in the history 
v4.8.11
  • Loading branch information
@deliciousmonster
deliciousmonster authored Dec 13, 2024
2 parents 17b69a1 + 254c29b commit a24a8c4
Show file tree
Hide file tree
Showing 16 changed files with 1,526 additions and 1,514 deletions.
1 change: 1 addition & 0 deletions src/assets/styles/components/_error-boundary.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
.w-400 {
width: 400px;
}

.error-boundary {
font-size: $font-size-small;
overflow: hidden;
Expand Down
6 changes: 3 additions & 3 deletions src/assets/styles/components/_forms.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,13 +98,13 @@ textarea {
font-size: 1.1rem !important;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
padding-top: 0.5rem;
white-space: nowrap;

p {
vertical-align: middle;
margin-bottom: 0 !important;
height: 100%;
margin-bottom: 0 !important;
vertical-align: middle;
}

.btn-link {
Expand Down
344 changes: 172 additions & 172 deletions src/assets/styles/components/_subnav.scss
View file
Original file line number Diff line number Diff line change
@@ -1,174 +1,174 @@
.app-subnav {
align-items: center;
background: $grey-overlay !important;
border-bottom: 1px solid $black-overlay;
display: flex;
flex-flow: row nowrap;
height: 50px;
justify-content: flex-start;
left: 0;
min-width: $min-width;
padding: 0 1rem;
position: fixed;
right: 0;
top: 80px !important;
width: 100%;
z-index: 98 !important;

@media screen and (width <= 991px) {
padding: 5px 0;
}

.navbar-nav {
display: flex;
flex-direction: row;
justify-content: center !important;
margin: 0 auto;
width: 100%;

.react-select-container {
width: 100%;

.react-select__control,
.react-select__control:hover,
.react-select__control:focus,
.react-select__control--menu-is-open,
.react-select__control--is-focused,
.react-select__indicator-separator {
background: transparent !important;
border-color: $faint-white-overlay !important;

.react-select__single-value {
color: $color-white;
}

.react-select__indicator-separator {
background: $faint-white-overlay !important;
}
}

.react-select__option,
.react-select__option:hover,
.react-select__option:focus,
.react-select__option--is-focused {
background: $color-pureblack !important;
border-bottom: 1px solid $faint-white-overlay;
color: $color-lightgrey !important;

&:last-child {
border-bottom: 0;
}
}

.react-select__menu {
background: $color-pureblack !important;
}
}

.nav-item {
line-height: 1 !important;
margin-bottom: 0;
padding: 0 8px;

&:last-child {
padding-right: 0;
}

.nav-link,
a {
color: $whiter-overlay !important;
display: inline-block;
padding: 0 !important;
position: relative;
transition: color 250ms;
white-space: nowrap;

&.active,
&:hover {
color: $color-white !important;
}

.fa {
font-size: 12px;
}
}
}

&.instance-nav {
justify-content: flex-end !important;

@media screen and (width <= 767px) {
justify-content: center !important;
}
}

&.instance-nav-select {
justify-content: flex-end !important;
padding-left: 7.5px;
}

&.instance-select {
justify-content: flex-start !important;
padding-right: 7.5px;

.react-select-container {
max-width: 287px;

@media screen and (width <= 991px) {
max-width: 100%;
}
}
}
}

.instance-toggle-holder {
display: inline-block;
margin-right: 10px;
padding-top: 7px;
position: relative;
width: 95px;
}

.filter-holder {
max-width: 270px;
position: relative;

input {
background: $faint-white-overlay !important;
border: 1px solid $faintest-white-overlay !important;
color: $color-lightgrey !important;
}

.clear-filter {
background: none !important;
border: 0 !important;
box-shadow: none !important;
position: absolute;
right: 8px;
top: 0;
}
}

.refresh-instances {
color: $color-white;
margin-left: 15px;
width: 35px;

@media screen and (width >= 768px) {
width: 105px;
}
}

.free-instances {
color: $color-white;
margin-left: 10px;
width: auto;
align-items: center;
display: inline-flex;
font-size: 13px !important;
font-weight: 300 !important;
height: 38px;
overflow: visible;
position: relative;
}
align-items: center;
background: $grey-overlay !important;
border-bottom: 1px solid $black-overlay;
display: flex;
flex-flow: row nowrap;
height: 50px;
justify-content: flex-start;
left: 0;
min-width: $min-width;
padding: 0 1rem;
position: fixed;
right: 0;
top: 80px !important;
width: 100%;
z-index: 98 !important;

@media screen and (width <= 991px) {
padding: 5px 0;
}

.navbar-nav {
display: flex;
flex-direction: row;
justify-content: center !important;
margin: 0 auto;
width: 100%;

.react-select-container {
width: 100%;

.react-select__control,
.react-select__control:hover,
.react-select__control:focus,
.react-select__control--menu-is-open,
.react-select__control--is-focused,
.react-select__indicator-separator {
background: transparent !important;
border-color: $faint-white-overlay !important;

.react-select__single-value {
color: $color-white;
}

.react-select__indicator-separator {
background: $faint-white-overlay !important;
}
}

.react-select__option,
.react-select__option:hover,
.react-select__option:focus,
.react-select__option--is-focused {
background: $color-pureblack !important;
border-bottom: 1px solid $faint-white-overlay;
color: $color-lightgrey !important;

&:last-child {
border-bottom: 0;
}
}

.react-select__menu {
background: $color-pureblack !important;
}
}

.nav-item {
line-height: 1 !important;
margin-bottom: 0;
padding: 0 8px;

&:last-child {
padding-right: 0;
}

.nav-link,
a {
color: $whiter-overlay !important;
display: inline-block;
padding: 0 !important;
position: relative;
transition: color 250ms;
white-space: nowrap;

&.active,
&:hover {
color: $color-white !important;
}

.fa {
font-size: 12px;
}
}
}

&.instance-nav {
justify-content: flex-end !important;

@media screen and (width <= 767px) {
justify-content: center !important;
}
}

&.instance-nav-select {
justify-content: flex-end !important;
padding-left: 7.5px;
}

&.instance-select {
justify-content: flex-start !important;
padding-right: 7.5px;

.react-select-container {
max-width: 287px;

@media screen and (width <= 991px) {
max-width: 100%;
}
}
}
}

.instance-toggle-holder {
display: inline-block;
margin-right: 10px;
padding-top: 7px;
position: relative;
width: 95px;
}

.filter-holder {
max-width: 270px;
position: relative;

input {
background: $faint-white-overlay !important;
border: 1px solid $faintest-white-overlay !important;
color: $color-lightgrey !important;
}

.clear-filter {
background: none !important;
border: 0 !important;
box-shadow: none !important;
position: absolute;
right: 8px;
top: 0;
}
}

.refresh-instances {
color: $color-white;
margin-left: 15px;
width: 35px;

@media screen and (width >= 768px) {
width: 105px;
}
}

.free-instances {
align-items: center;
color: $color-white;
display: inline-flex;
font-size: 13px !important;
font-weight: 300 !important;
height: 38px;
margin-left: 10px;
overflow: visible;
position: relative;
width: auto;
}
}
Loading

0 comments on commit a24a8c4

Please sign in to comment.