spaces/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

javascript override of browser styles.

Browse Source
This commit is contained in:
jashton
2025-04-13 17:56:19 -06:00
parent b39b75412d
commit 3dfb443f36
3 changed files with 71 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/foot.php
+12 -8
View File
@@ -2,8 +2,8 @@
<footer> <footer>
<?php <?php
function get_args_from_url() function get_args_from_url()
{ {
$args = []; $args = [];
$arr = explode('&', $_SERVER['QUERY_STRING']); $arr = explode('&', $_SERVER['QUERY_STRING']);
@@ -16,9 +16,9 @@ function get_args_from_url()
} }
return $args; return $args;
} }
if ($_SERVER['SCRIPT_NAME'] == '/user.php') { if ($_SERVER['SCRIPT_NAME'] == '/user.php') {
$args = get_args_from_url(); $args = get_args_from_url();
if (isset($args['view'])) { if (isset($args['view'])) {
@@ -34,7 +34,7 @@ if ($_SERVER['SCRIPT_NAME'] == '/user.php') {
'; ';
} }
} }
} else if ($_SERVER['SCRIPT_NAME'] == '/admin.php') { } else if ($_SERVER['SCRIPT_NAME'] == '/admin.php') {
echo ' echo '
<script src="js/clickable_rows.js"></script> <script src="js/clickable_rows.js"></script>
'; ';
@@ -47,7 +47,7 @@ if ($_SERVER['SCRIPT_NAME'] == '/user.php') {
'; ';
} }
} }
} else if ($_SERVER['SCRIPT_NAME'] == '/articles.php') { } else if ($_SERVER['SCRIPT_NAME'] == '/articles.php') {
$args = get_args_from_url(); $args = get_args_from_url();
if (isset($args['view'])) { if (isset($args['view'])) {
@@ -57,8 +57,12 @@ if ($_SERVER['SCRIPT_NAME'] == '/user.php') {
'; ';
} }
} }
} }
?>
echo '
<script src="js/override_browser_styles.js"></script>
';
?>
</footer> </footer>
</html> </html>
css/base.css
+16 -17
View File
@@ -23,16 +23,16 @@ p,
small, small,
label, label,
input, input,
input:is(:-webkit-autofill, :autofill), .autofilled,
textarea, textarea,
a, a,
.modal_button, .modal_button,
th, th,
td, td,
li { li {
font-family: 'Hack Nerd Font Mono', Hack, sans-serif !important; font-family: 'Hack Nerd Font Mono', Hack, sans-serif;
padding: 0 !important; padding: 0;
margin: 0 !important; margin: 0;
} }
h1 { h1 {
@@ -358,26 +358,25 @@ i:hover {
} }
input, input,
input:is(:-webkit-autofill, :autofill), .autofilled,
textarea { textarea {
border-radius: 12px !important; border-radius: 12px;
width: 100% !important; width: 100%;
padding: 15px !important; padding: 15px;
margin: 15px 15px 15px 0px !important; margin: 15px 15px 15px 0px;
box-sizing: border-box !important; box-sizing: border-box;
transition-duration: 500ms !important; transition-duration: 500ms;
resize: none !important; resize: none;
} }
input:focus, input:focus,
input:is(:-webkit-autofill, :autofill):focus, .autofilled,
textarea:focus, textarea:focus,
input:hover, input:hover,
input:is(:-webkit-autofill, :autofill):hover,
textarea:hover { textarea:hover {
border: 3px solid orange !important; border: 3px solid orange;
box-shadow: 0 2px 4px 0 rgba(255, 165, 0, 0.3), 0 3px 8px 0 rgba(255, 165, 0, 0.7) !important; box-shadow: 0 2px 4px 0 rgba(255, 165, 0, 0.3), 0 3px 8px 0 rgba(255, 165, 0, 0.7);
outline: none !important; outline: none;
} }
textarea { textarea {
js/override_browser_styles.js
+16
View File
@@ -0,0 +1,16 @@
document.addEventListener('DOMContentLoaded', function() {
let inputs = document.querySelectorAll('input');
inputs.forEach(input => {
if (input.matches(':-webkit-autofill')) {
input.classList.add('autofilled');
}
function apply_hover(el) {
input.classList.add('autofilled');
}
input.addEventListener('hover', apply_hover);
input.addEventListener('focus', apply_hover);
});
});