Change textarea css

This commit is contained in:
cuom1999 2023-10-05 14:00:20 -05:00
parent 44aca3c2e5
commit 9decd11218
6 changed files with 46 additions and 47 deletions

View file

@ -214,7 +214,7 @@ a {
input, textarea { input, textarea {
min-width: 100%; min-width: 100%;
max-width: 100%; max-width: 100%;
font-size: 1em; font-size: 15px;
} }
} }

View file

@ -2471,16 +2471,13 @@ input[type="text"], input[type="password"], input[type="email"], input[type="num
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px inset; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px inset;
} }
textarea { textarea {
color: rgb(178, 172, 162);
background-image: none; background-image: none;
background-color: rgb(24, 26, 27); background-color: rgb(24, 26, 27);
border-color: rgb(62, 68, 70); border-color: rgb(62, 68, 70);
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px inset; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px inset;
} }
textarea:hover { textarea:hover {
border-color: rgba(16, 87, 144, 0.8); border-color: rgb(140, 130, 115);
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px inset,
rgba(16, 91, 150, 0.6) 0px 0px 4px;
} }
input[type="text"]:hover, input[type="password"]:hover { input[type="text"]:hover, input[type="password"]:hover {
border-color: rgba(16, 87, 144, 0.8); border-color: rgba(16, 87, 144, 0.8);
@ -2488,9 +2485,7 @@ input[type="text"]:hover, input[type="password"]:hover {
rgba(16, 91, 150, 0.6) 0px 0px 4px; rgba(16, 91, 150, 0.6) 0px 0px 4px;
} }
textarea:focus { textarea:focus {
border-color: rgba(16, 87, 144, 0.8); border-color: rgb(140, 130, 115); outline-color: initial;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px inset,
rgba(16, 91, 150, 0.6) 0px 0px 8px; outline-color: initial;
} }
input[type="text"]:focus, input[type="password"]:focus { input[type="text"]:focus, input[type="password"]:focus {
border-color: rgba(16, 87, 144, 0.8); border-color: rgba(16, 87, 144, 0.8);
@ -3868,9 +3863,14 @@ mjx-merror {
mjx-assistive-mml { mjx-assistive-mml {
border-color: initial !important; border-color: initial !important;
} }
#users-table td:nth-child(2), mjx-stretchy-v > mjx-ext {
#users-table th:nth-child(2) { border-color: transparent;
border-right-color: initial; }
.recently-attempted ul {
list-style-image: initial;
}
.organization-row:last-child {
border-bottom-color: initial;
} }
/* Override Style */ /* Override Style */

View file

@ -13,7 +13,7 @@ div.dmmd-preview-update {
} }
div.dmmd-preview-content { div.dmmd-preview-content {
padding: 0 7px; padding: 0 8px;
} }
div.dmmd-preview.dmmd-preview-has-content div.dmmd-preview-update { div.dmmd-preview.dmmd-preview-has-content div.dmmd-preview-update {
@ -21,7 +21,8 @@ div.dmmd-preview.dmmd-preview-has-content div.dmmd-preview-update {
} }
div.dmmd-preview-has-content div.dmmd-preview-content { div.dmmd-preview-has-content div.dmmd-preview-content {
padding-bottom: 7px; padding-bottom: 8px;
padding-top: 8px;
} }
div.dmmd-no-button div.dmmd-preview-update { div.dmmd-no-button div.dmmd-preview-update {

View file

@ -14,7 +14,7 @@
width: 100%; width: 100%;
background: #fff; background: #fff;
border: 1px solid DarkGray; border: 1px solid DarkGray;
font-family: Consolas, "Liberation Mono", Monaco, "Courier New", monospace !important; font-family: "Noto Sans",Arial,"Lucida Grande",sans-serif !important;
} }
.wmd-preview { .wmd-preview {

View file

@ -14,7 +14,7 @@
width: 100%; width: 100%;
background: #fff; background: #fff;
border: 1px solid DarkGray; border: 1px solid DarkGray;
font-family: Consolas, "Liberation Mono", Monaco, "Courier New", monospace !important; font-family: "Noto Sans",Arial,"Lucida Grande",sans-serif !important;
} }
.wmd-preview { .wmd-preview {
@ -174,51 +174,51 @@
/* Extra styles to allow for image upload */ /* Extra styles to allow for image upload */
.pagedown-image-upload { .pagedown-image-upload {
display: none; display: none;
z-index: 10001; z-index: 10001;
position: fixed; position: fixed;
background: white; background: white;
top: 50%; top: 50%;
left: 50%; left: 50%;
padding: 10px; padding: 10px;
width: 400px; width: 400px;
max-width: 90%; max-width: 90%;
transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5);
} }
.pagedown-image-upload .submit-row { .pagedown-image-upload .submit-row {
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
.pagedown-image-upload.show { .pagedown-image-upload.show {
display: block; display: block;
} }
.pagedown-image-upload .submit-loading { .pagedown-image-upload .submit-loading {
display: none; display: none;
vertical-align: middle; vertical-align: middle;
border: 4px solid #f3f3f3; /* Light grey */ border: 4px solid #f3f3f3; /* Light grey */
border-top: 4px solid #79aec8; /* Blue */ border-top: 4px solid #79aec8; /* Blue */
border-radius: 50%; border-radius: 50%;
width: 24px; width: 24px;
height: 24px; height: 24px;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }
.pagedown-image-upload .submit-loading.show { .pagedown-image-upload .submit-loading.show {
display: inline-block; display: inline-block;
} }
.pagedown-image-upload .submit-input { .pagedown-image-upload .submit-input {
display: none; display: none;
} }
.pagedown-image-upload .submit-input.show { .pagedown-image-upload .submit-input.show {
display: inline-block; display: inline-block;
} }
@keyframes spin { @keyframes spin {
0% { transform: rotate(0deg); } 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
} }

View file

@ -161,8 +161,7 @@ input {
} }
textarea { textarea {
padding: 4px 8px; padding: 8px;
color: #555;
background: #FFF none; background: #FFF none;
border: 1px solid $border_gray; border: 1px solid $border_gray;
border-radius: $widget_border_radius; border-radius: $widget_border_radius;
@ -172,8 +171,7 @@ textarea {
} }
textarea:hover { textarea:hover {
border-color: rgba(82, 168, 236, 0.8); border-color: black;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
} }
input { input {
@ -184,8 +182,8 @@ input {
} }
textarea:focus { textarea:focus {
border-color: rgba(82, 168, 236, 0.8); border-color: black;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); border-width: unset;
outline: 0; outline: 0;
} }