Files
xrpl-dev-portal/styles/_feedback.scss
2023-04-26 15:35:55 -04:00

89 lines
2.1 KiB
SCSS

// TEMPORARY: overriding the feedback widget styles here
#feedback-content {
.docked-widget {
border: none !important;
background-color: transparent !important;
}
.widget-form-wrapper {
position: static !important;
box-shadow: none !important;
display: block;
background-color: $gray-800 !important;
border-width: 0 !important;
padding: 24px !important;
border-radius: 8px !important;
div {
background-color: $gray-800 !important;
}
textarea {
background-color: $white !important;
opacity: 1 !important;
border: none !important;
border-radius: 4px !important;
margin: 0 !important;
width: 100% !important;
}
.widget-header-title {
background: none !important;
flex-grow: 0 !important;
padding-right: 1rem !important;
height: auto !important;
padding: 0 !important;
margin-bottom: 10px !important;
}
.widget-header-footer {
background: none !important;
}
.widget-form-footer {
padding-right: 0 !important;
}
.submit {
background-color: $blue-purple-500 !important;
font-weight: bold !important;
color: $white !important;
border: none !important;
border-color: transparent !important;
border-radius: 4px !important;
margin: 0 !important;
margin-top: 8px !important;
&:hover {
background: $blue-purple-600 !important;
}
&.disabled,
&[disabled="disabled"] {
background-color: $blue-purple-700 !important;
&:hover {
background-color: $blue-purple-700 !important;
}
}
}
.cancel {
margin: 0 !important;
margin-top: 8px !important;
color: $blue-purple-300 !important;
font-weight: 600 !important;
}
}
#closeFeedback {
display: none;
}
.widget-helpful {
.widget-header {
background-color: $gray-800 !important;
border-radius: 8px !important;
}
.widget-header-title {
color: $white !important;
}
}
}