Skip to content

Commit

Permalink
Mobile style tweaks.
Browse files Browse the repository at this point in the history
  • Loading branch information
@toddbirchard
toddbirchard committed Jul 30, 2024
1 parent 35aa3ad commit e41d26a
Show file tree
Hide file tree
Showing 8 changed files with 78 additions and 2,516 deletions.
2,478 changes: 0 additions & 2,478 deletions poetry.lock
View file

This file was deleted.

2 changes: 1 addition & 1 deletion pythonmyadmin/static/dist/css/style.css
View file

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions pythonmyadmin/static/less/main.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,10 @@ html {
cursor: pointer;
opacity: 0.8;
}

@media(max-width: @mobile-breakpoint) {
font-size: 1em;
}
}

.container {
Expand Down
30 changes: 25 additions & 5 deletions pythonmyadmin/static/less/nav.less
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,10 @@
@import './variables.less';

header {
position: relative;
width: 100%;
margin-bottom: 2vw;
padding: 40px 0 !important;
padding: 30px 0;
background: white !important;
box-shadow: 0 0 5px #bec6cf;
font-family: 'Lato', sans-serif;
Expand All @@ -13,17 +15,24 @@ header {
box-shadow: 0 0 2px #707985;
}
@media(max-width: 600px) {
padding: 30px 0 !important;
padding: 25px 0 !important;
}

nav {
display: flex;
align-items: center;
justify-content: space-between;
width: 975px;
max-width: 90%;
width: 1000px;
margin: auto;

@media(max-width: 800px) {
width: 93vw;
max-width: 93vw;
}
@media(max-width: 600px) {
width: 90vw;
}

.nav-link {
color: #59657b;
line-height: 1;
Expand All @@ -44,14 +53,25 @@ header {
justify-content: space-between;
}

.site-name,
h1 {
margin: 0;
font-size: 1.4em;
font-size: 1.2em;

@media(max-width: 600px) {
font-size: 1.1em;
}
}

.logo,
i {
margin-right: 8px;
font-size: 1.5em;

@media(max-width: 600px) {
margin-right: 6px;
font-size: 1.3em;
}
}
}
}
Expand Down
30 changes: 23 additions & 7 deletions pythonmyadmin/static/less/table.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@
}

th {
padding: 25px 15px !important;
padding: 25px 15px;
border-top: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #e5e7eb !important;
Expand All @@ -55,6 +55,10 @@
color: #636a73;
font-weight: 600 !important;

@media(max-width: 600px) {
padding: 15px !important;
}

.column-header--sort {
margin-right: 7px;
transition: all 0.2s ease-out;
Expand Down Expand Up @@ -89,6 +93,9 @@
span:last-of-type {
font-size: 0.95em;
text-transform: uppercase;
@media(max-width: 600px) {
font-size: 0.85em;
}
}
}

Expand All @@ -110,6 +117,10 @@
text-align: center !important;
transition: all 0.1s ease-out;

@media(max-width: 600px) {
font-size: 0.8em !important
}

&.focused {
* {
background: rgb(49 126 209 / 15%);
Expand Down Expand Up @@ -195,18 +206,19 @@
padding: 0 15px !important;
height: 50px;
border-radius: 4px;
font-size: 1.1em;
font-size: 1em;

@media(max-width: 600px) {
margin-right: 8px !important;
min-width: 45vw;
}

&::placeholder {
color: #aaa;
}

}

.Select-control {
min-width: 200px;
}

#search,
.Select {
margin: 0;
Expand All @@ -218,12 +230,16 @@
.Select-control {
height: 45px;
padding: 7px;
min-width: 200px;
@media(max-width: 600px) {
min-width: 30vw;
}
}

.Select-placeholder {
height: fit-content;
margin: auto;
padding: 5px 15px;
padding: 10px;
}

.Select-value {
Expand Down
4 changes: 2 additions & 2 deletions pythonmyadmin/tables/table_view.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -102,14 +102,14 @@ def create_data_table(table_df: DataFrame) -> DataTable:
cell_selectable=True,
style_cell={
"font-family": "Lato,sans-serif",
"font-size": ".9em",
"font-size": ".85em",
"background-color": "white",
"color": "#636a73",
"text-align": "left",
"border": "0px solid #ffffff",
"transition": "all 1s ease-out",
},
style_header={"font-size": "1em"},
style_header={"font-size": "1em", "padding": "20px 10px"},
style_data_conditional=[
{
"if": {"state": "selected"},
Expand Down
4 changes: 2 additions & 2 deletions pythonmyadmin/templates/nav.jinja2
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<header>
<nav>
<div class="left-nav">
<a href="/"><i class="fas fa-robot"></i>
<h1>BROIESTBOT</h1>
<a href="/"><i class="fas fa-robot logo"></i>
<h1 class="site-name">BROIESTBOT</h1>
</a>
</div>
<div class="right-nav">
Expand Down
42 changes: 21 additions & 21 deletions requirements.txt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,37 +6,37 @@ build==1.2.1 ; python_version >= "3.10" and python_version < "4.0"
bytecode==0.15.1 ; python_version >= "3.10" and python_version < "4.0"
cachecontrol[filecache]==0.14.0 ; python_version >= "3.10" and python_version < "4.0"
cattrs==23.2.3 ; python_version >= "3.10" and python_version < "4.0"
certifi==2024.6.2 ; python_version >= "3.10" and python_version < "4.0"
certifi==2024.7.4 ; python_version >= "3.10" and python_version < "4.0"
cffi==1.16.0 ; python_version >= "3.10" and python_version < "4.0" and (platform_python_implementation != "PyPy" or sys_platform == "darwin")
charset-normalizer==3.3.2 ; python_version >= "3.10" and python_version < "4.0"
cleo==2.1.0 ; python_version >= "3.10" and python_version < "4.0"
click==8.1.7 ; python_version >= "3.10" and python_version < "4.0"
colorama==0.4.6 ; python_version >= "3.10" and python_version < "4.0" and (sys_platform == "win32" or platform_system == "Windows" or os_name == "nt")
crashtest==0.4.1 ; python_version >= "3.10" and python_version < "4.0"
cryptography==42.0.8 ; python_version >= "3.10" and python_version < "4.0"
cryptography==43.0.0 ; python_version >= "3.10" and python_version < "4.0"
cssmin==0.2.0 ; python_version >= "3.10" and python_version < "4.0"
dash-core-components==2.0.0 ; python_version >= "3.10" and python_version < "4.0"
dash-html-components==2.0.0 ; python_version >= "3.10" and python_version < "4.0"
dash-renderer==1.9.1 ; python_version >= "3.10" and python_version < "4.0"
dash-table==5.0.0 ; python_version >= "3.10" and python_version < "4.0"
dash==2.17.1 ; python_version >= "3.10" and python_version < "4.0"
ddsketch==3.0.1 ; python_version >= "3.10" and python_version < "4.0"
ddtrace==2.9.1 ; python_version >= "3.10" and python_version < "4.0"
ddtrace==2.10.1 ; python_version >= "3.10" and python_version < "4.0"
deprecated==1.2.14 ; python_version >= "3.10" and python_version < "4.0"
distlib==0.3.8 ; python_version >= "3.10" and python_version < "4.0"
dulwich==0.21.7 ; python_version >= "3.10" and python_version < "4.0"
envier==0.5.1 ; python_version >= "3.10" and python_version < "4.0"
exceptiongroup==1.2.1 ; python_version >= "3.10" and python_version < "3.11"
envier==0.5.2 ; python_version >= "3.10" and python_version < "4.0"
exceptiongroup==1.2.2 ; python_version >= "3.10" and python_version < "3.11"
fastjsonschema==2.20.0 ; python_version >= "3.10" and python_version < "4.0"
filelock==3.15.1 ; python_version >= "3.10" and python_version < "4.0"
filelock==3.15.4 ; python_version >= "3.10" and python_version < "4.0"
flake8==7.1.0 ; python_version >= "3.10" and python_version < "4.0"
flask-assets==2.1.0 ; python_version >= "3.10" and python_version < "4.0"
flask-sqlalchemy==3.1.1 ; python_version >= "3.10" and python_version < "4.0"
flask==3.0.3 ; python_version >= "3.10" and python_version < "4.0"
greenlet==3.0.3 ; python_version >= "3.10" and python_version < "4.0" and (platform_machine == "aarch64" or platform_machine == "ppc64le" or platform_machine == "x86_64" or platform_machine == "amd64" or platform_machine == "AMD64" or platform_machine == "win32" or platform_machine == "WIN32")
greenlet==3.0.3 ; python_version < "3.13" and (platform_machine == "aarch64" or platform_machine == "ppc64le" or platform_machine == "x86_64" or platform_machine == "amd64" or platform_machine == "AMD64" or platform_machine == "win32" or platform_machine == "WIN32") and python_version >= "3.10"
gunicorn==22.0.0 ; python_version >= "3.10" and python_version < "4.0"
idna==3.7 ; python_version >= "3.10" and python_version < "4.0"
importlib-metadata==7.1.0 ; python_version >= "3.10" and python_version < "4.0"
importlib-metadata==8.2.0 ; python_version >= "3.10" and python_version < "4.0"
iniconfig==2.0.0 ; python_version >= "3.10" and python_version < "4.0"
installer==0.7.0 ; python_version >= "3.10" and python_version < "4.0"
isort==5.13.2 ; python_version >= "3.10" and python_version < "4.0"
Expand All @@ -54,50 +54,50 @@ more-itertools==10.3.0 ; python_version >= "3.10" and python_version < "4.0"
msgpack==1.0.8 ; python_version >= "3.10" and python_version < "4.0"
mypy-extensions==1.0.0 ; python_version >= "3.10" and python_version < "4.0"
nest-asyncio==1.6.0 ; python_version >= "3.10" and python_version < "4.0"
numpy==2.0.0 ; python_version >= "3.10" and python_version <= "3.11" or python_version >= "3.12" and python_version < "4.0"
opentelemetry-api==1.25.0 ; python_version >= "3.10" and python_version < "4.0"
numpy==2.0.1 ; python_version >= "3.10" and python_version <= "3.11" or python_version >= "3.12" and python_version < "4.0"
opentelemetry-api==1.16.0 ; python_version >= "3.10" and python_version < "4.0"
packaging==24.1 ; python_version >= "3.10" and python_version < "4.0"
pandas==2.2.2 ; python_version >= "3.10" and python_version < "4.0"
pathspec==0.12.1 ; python_version >= "3.10" and python_version < "4.0"
pexpect==4.9.0 ; python_version >= "3.10" and python_version < "4.0"
pkginfo==1.11.1 ; python_version >= "3.10" and python_version < "4.0"
platformdirs==4.2.2 ; python_version >= "3.10" and python_version < "4.0"
plotly==5.22.0 ; python_version >= "3.10" and python_version < "4.0"
plotly==5.23.0 ; python_version >= "3.10" and python_version < "4.0"
pluggy==1.5.0 ; python_version >= "3.10" and python_version < "4.0"
ply==3.11 ; python_version >= "3.10" and python_version < "4.0"
poetry-core==1.9.0 ; python_version >= "3.10" and python_version < "4.0"
poetry-plugin-export==1.8.0 ; python_version >= "3.10" and python_version < "4.0"
poetry==1.8.3 ; python_version >= "3.10" and python_version < "4.0"
protobuf==5.27.1 ; python_version >= "3.10" and python_version < "4.0"
protobuf==5.27.2 ; python_version >= "3.10" and python_version < "4.0"
ptyprocess==0.7.0 ; python_version >= "3.10" and python_version < "4.0"
pycodestyle==2.12.0 ; python_version >= "3.10" and python_version < "4.0"
pycparser==2.22 ; python_version >= "3.10" and python_version < "4.0" and (platform_python_implementation != "PyPy" or sys_platform == "darwin")
pyflakes==3.2.0 ; python_version >= "3.10" and python_version < "4.0"
pymysql==1.1.1 ; python_version >= "3.10" and python_version < "4.0"
pyproject-hooks==1.1.0 ; python_version >= "3.10" and python_version < "4.0"
pytest==8.2.2 ; python_version >= "3.10" and python_version < "4.0"
pytest==8.3.2 ; python_version >= "3.10" and python_version < "4.0"
python-dateutil==2.9.0.post0 ; python_version >= "3.10" and python_version < "4.0"
python-dotenv==1.0.1 ; python_version >= "3.10" and python_version < "4.0"
pytz==2024.1 ; python_version >= "3.10" and python_version < "4.0"
pywin32-ctypes==0.2.2 ; python_version >= "3.10" and python_version < "4.0" and sys_platform == "win32"
rapidfuzz==3.9.3 ; python_version >= "3.10" and python_version < "4.0"
redis==5.0.6 ; python_version >= "3.10" and python_version < "4.0"
rapidfuzz==3.9.5 ; python_version >= "3.10" and python_version < "4.0"
redis==5.0.7 ; python_version >= "3.10" and python_version < "4.0"
requests-toolbelt==1.0.0 ; python_version >= "3.10" and python_version < "4.0"
requests==2.32.3 ; python_version >= "3.10" and python_version < "4.0"
retrying==1.3.4 ; python_version >= "3.10" and python_version < "4.0"
secretstorage==3.3.3 ; python_version >= "3.10" and python_version < "4.0" and sys_platform == "linux"
setuptools==70.0.0 ; python_version >= "3.10" and python_version < "4.0"
setuptools==72.1.0 ; python_version >= "3.10" and python_version < "4.0"
shellingham==1.5.4 ; python_version >= "3.10" and python_version < "4.0"
six==1.16.0 ; python_version >= "3.10" and python_version < "4.0"
sqlalchemy==2.0.30 ; python_version >= "3.10" and python_version < "4.0"
tenacity==8.4.1 ; python_version >= "3.10" and python_version < "4.0"
sqlalchemy==2.0.31 ; python_version >= "3.10" and python_version < "4.0"
tenacity==9.0.0 ; python_version >= "3.10" and python_version < "4.0"
tomli==2.0.1 ; python_version >= "3.10" and python_version < "3.11"
tomlkit==0.12.5 ; python_version >= "3.10" and python_version < "4.0"
trove-classifiers==2024.5.22 ; python_version >= "3.10" and python_version < "4.0"
tomlkit==0.13.0 ; python_version >= "3.10" and python_version < "4.0"
trove-classifiers==2024.7.2 ; python_version >= "3.10" and python_version < "4.0"
typing-extensions==4.12.2 ; python_version >= "3.10" and python_version < "4.0"
tzdata==2024.1 ; python_version >= "3.10" and python_version < "4.0"
urllib3==2.2.2 ; python_version >= "3.10" and python_version < "4.0"
virtualenv==20.26.2 ; python_version >= "3.10" and python_version < "4.0"
virtualenv==20.26.3 ; python_version >= "3.10" and python_version < "4.0"
webassets==2.0 ; python_version >= "3.10" and python_version < "4.0"
werkzeug==3.0.3 ; python_version >= "3.10" and python_version < "4.0"
win32-setctime==1.1.0 ; python_version >= "3.10" and python_version < "4.0" and sys_platform == "win32"
Expand Down

0 comments on commit e41d26a

Please sign in to comment.