harmacist/DashMachine
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

mobile responsiveness fixes on /settings

Browse Source
This commit is contained in:
Ross Mountjoy 2020-02-10 18:44:29 -05:00
parent 85091a6611
commit 438101c7ae
4 changed files with 58 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
dashmachine/static/css/settings_system/settings.css
View File

@ -6,7 +6,18 @@
} }
} }
.settings-page-card { @media (max-width: 990px)
{
body {
max-height: 200vh !important;
}
}
.settings-page-card-right {
max-height: calc(100vh - 142px) !important;
min-height: calc(100vh - 142px) !important;
}
.settings-page-card-left {
max-height: calc(100vh - 30px); max-height: calc(100vh - 30px);
min-height: calc(100vh - 30px); min-height: calc(100vh - 30px);
} }

1
dashmachine/static/js/settings_system/settings.js
View File

@ -2,6 +2,7 @@ var d = document.getElementById("settings-sidenav");
d.className += " active theme-primary"; d.className += " active theme-primary";
$( document ).ready(function() { $( document ).ready(function() {
$("#config-readme table").addClass('responsive-table');
initTCdrop('#images-tcdrop'); initTCdrop('#images-tcdrop');
$("#user-modal").modal({ $("#user-modal").modal({
onCloseEnd: function () { onCloseEnd: function () {

60
dashmachine/templates/settings_system/files.html
View File

@ -38,17 +38,25 @@
{% if backgrounds %} {% if backgrounds %}
{% for background in backgrounds %} {% for background in backgrounds %}
<li class="collection-item pt-2 pb-2 avatar"> <li class="collection-item pt-2 pb-2 avatar">
<a href="static/images/backgrounds/{{ background }}" target="_blank"> <div class="row">
<img src="static/images/backgrounds/{{ background }}" alt="" class="circle"> <div class="col s12 mt-2">
</a> <a href="static/images/backgrounds/{{ background }}" target="_blank">
<span class="selectable-all copy-target file-title">static/images/backgrounds/{{ background }}</span> <img src="static/images/backgrounds/{{ background }}" alt="" class="circle">
<span class="secondary-content"> </a>
<i class="material-icons-outlined icon-btn delete-file-btn" <span class="selectable-all copy-target file-title" style="word-wrap: break-word;">static/images/backgrounds/{{ background }}</span>
data-url="{{ url_for('settings_system.delete_file') }}" </div>
data-folder="backgrounds"
data-file="{{ background }}">close</i> <div class="col s12 mt-2">
</span> <span class="theme-secondary-text right">
<span class="secondary-content mr-4"><i class="material-icons-outlined icon-btn copy-btn">filter_none</i></span> <i class="material-icons-outlined icon-btn copy-btn">filter_none</i>
<i class="material-icons-outlined icon-btn delete-file-btn"
data-url="{{ url_for('settings_system.delete_file') }}"
data-folder="backgrounds"
data-file="{{ background }}">close
</i>
</span>
</div>
</div>
</li> </li>
{% endfor %} {% endfor %}
{% else %} {% else %}
@ -65,17 +73,25 @@
{% if icons %} {% if icons %}
{% for icon in icons %} {% for icon in icons %}
<li class="collection-item pt-2 pb-2 avatar"> <li class="collection-item pt-2 pb-2 avatar">
<a href="static/images/icons/{{ icon }}" target="_blank"> <div class="row">
<img src="static/images/icons/{{ icon }}" alt="" class="circle"> <div class="col s12 mt-2">
</a> <a href="static/images/icons/{{ icon }}" target="_blank">
<span class="selectable-all copy-target file-title">static/images/icons/{{ icon }}</span> <img src="static/images/icons/{{ icon }}" alt="" class="circle">
<span class="secondary-content"> </a>
<i class="material-icons-outlined icon-btn delete-file-btn" <span class="selectable-all copy-target file-title" style="word-wrap: break-word;">static/images/icons/{{ icon }}</span>
data-url="{{ url_for('settings_system.delete_file') }}" </div>
data-folder="icons"
data-file="{{ icon }}">close</i> <div class="col s12 mt-2">
</span> <span class="theme-secondary-text right">
<span class="secondary-content mr-4"><i class="material-icons-outlined icon-btn copy-btn">filter_none</i></span> <i class="material-icons-outlined icon-btn copy-btn">filter_none</i>
<i class="material-icons-outlined icon-btn delete-file-btn"
data-url="{{ url_for('settings_system.delete_file') }}"
data-folder="icons"
data-file="{{ icon }}">close
</i>
</span>
</div>
</div>
</li> </li>
{% endfor %} {% endfor %}
{% else %} {% else %}

14
dashmachine/templates/settings_system/settings.html
View File

@ -26,7 +26,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col s12 m12 l6"> <div class="col s12 m12 l6">
<div class="card scrollbar settings-page-card"> <div class="card scrollbar settings-page-card-left">
<div class="card-content"> <div class="card-content">
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12">
@ -56,7 +56,7 @@
</div> </div>
<div class="col s12 m12 l6"> <div class="col s12 m12 l6">
<div class="card scrollbar settings-page-card"> <div class="card">
<div class="card-content"> <div class="card-content">
<div class="row"> <div class="row">
@ -80,11 +80,11 @@
</ul> </ul>
</div> </div>
<div id="images" class="col s12"> <div id="images" class="col s12 scrollbar settings-page-card-right">
{{ FilesTab() }} {{ FilesTab() }}
</div> </div>
<div id="apps" class="col s12"> <div id="apps" class="col s12 scrollbar settings-page-card-right">
<h5>App Templates</h5> <h5>App Templates</h5>
<div class="row card-filter-container"> <div class="row card-filter-container">
<div class="col s12 input-field"> <div class="col s12 input-field">
@ -99,18 +99,18 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12 scrollbar settings-page-card-right">
<div id="template-div" class="selectable-all code"></div> <div id="template-div" class="selectable-all code"></div>
</div> </div>
</div> </div>
</div> </div>
<div id="config-readme" class="col s12"> <div id="config-readme" class="col s12 scrollbar settings-page-card-right">
{{ config_readme|safe }} {{ config_readme|safe }}
</div> </div>
<div id="user" class="col s12"> <div id="user" class="col s12 scrollbar settings-page-card-right">
{{ UserTab() }} {{ UserTab() }}
</div> </div>