Mobile version v1
This commit is contained in:
@@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
<meta name="author" content="Franzz" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="style/mythoughts.css" rel="stylesheet" type="text/css" />
|
||||
<script type="text/javascript" src="scripts/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="scripts/bootstrap.bundle.min.js"></script>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div id="feedback"></div>
|
||||
<div id="header"></div>
|
||||
<div id="menu">
|
||||
<div id="menu" class="desktop">
|
||||
<ul>
|
||||
<li><a href="#settings" class="button fal fa-settings"></a></li>
|
||||
<li><a href="#logoff" class="button fal fa-logoff"></a></li>
|
||||
@@ -12,6 +12,6 @@
|
||||
</div>
|
||||
<footer>
|
||||
<span>Designed and powered by Franzz & Clarita. </span>
|
||||
<span>My Thoughts Project under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GPLv3</a> License.</span>
|
||||
<span class="desktop">My Thoughts Project under <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GPLv3</a> License.</span>
|
||||
</footer>
|
||||
#errors#
|
||||
@@ -404,14 +404,16 @@ class Editor {
|
||||
this.nextId = asData.next_id;
|
||||
this.thoughts[asData.id] = asData;
|
||||
|
||||
asData.ops.unshift({
|
||||
'attributes': {'thought_time': true},
|
||||
'insert': asData.created_h+"\n"
|
||||
});
|
||||
if(this.prevId==0 || asData.created_d != this.thoughts[this.prevId].created_d) {
|
||||
asData.ops.unshift({
|
||||
'attributes': {'thought_date': true},
|
||||
'insert': 'Thoughts on '+asData.created_d
|
||||
'insert': 'Thoughts on '+asData.created_d+"\n"
|
||||
});
|
||||
}
|
||||
else {
|
||||
asData.ops.unshift({
|
||||
'attributes': {'thought_time': true},
|
||||
'insert': asData.created_h+"\n"
|
||||
});
|
||||
}
|
||||
if(!this.isEmpty()) asData.ops = this.getContent().concat(asData.ops);
|
||||
|
||||
31
style/_mobile.scss
Normal file
31
style/_mobile.scss
Normal file
@@ -0,0 +1,31 @@
|
||||
@media only screen and (max-width: 800px) {
|
||||
.desktop {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
#container {
|
||||
left: 1em;
|
||||
width: calc(100% - 1em - 82px);
|
||||
margin: 0;
|
||||
|
||||
#header {
|
||||
margin-left: 0;
|
||||
height: 15%;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
#main, #side {
|
||||
top: 15%;
|
||||
}
|
||||
|
||||
.ql-container {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 801px) {
|
||||
.mobile {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@@ -35,29 +35,16 @@
|
||||
div {
|
||||
margin: 0;
|
||||
|
||||
&.edi_thought_date {
|
||||
width: calc(50% - 1.5em);
|
||||
}
|
||||
|
||||
&.edi_thought_date, &.edi_thought_time {
|
||||
color: $gray-500;
|
||||
font-style: italic;
|
||||
line-height: 3em;
|
||||
display: inline-block;
|
||||
text-indent: 0;
|
||||
|
||||
& + .edi_thought_date {
|
||||
text-align: right;
|
||||
margin-right: 2px;
|
||||
padding-top: 0;
|
||||
width: calc(50% - 2px);
|
||||
}
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.edi_thought_time {
|
||||
text-align: right;
|
||||
margin-right: 2px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
/* Containers */
|
||||
|
||||
body {
|
||||
min-width: 700px;
|
||||
font-family: $font_para, sans-serif;
|
||||
font-size:1em;
|
||||
background-color: $gray-200;
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -15,6 +15,7 @@
|
||||
/* Template (theme) */
|
||||
|
||||
@import 'template';
|
||||
@import 'mobile';
|
||||
|
||||
/* Pages */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user