Yadciel/Titan
1
0
Fork 0
mirror of https://github.com/TitanEmbeds/Titan.git synced 2024-11-15 02:21:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Responsive message box, finally with CSS

Browse Source
This commit is contained in:
Jeremy Zhang 2017-04-09 10:49:28 -07:00
parent 2ba6016c3a
commit a767e11288
3 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
titanembeds/static/css/embedstyle.css
View File

@ -5,6 +5,7 @@ color: white;
main { main {
min-height: calc(100vh - 80px); min-height: calc(100vh - 80px);
overflow-x: hidden;
} }
footer { footer {
@ -112,6 +113,13 @@ color: #90a4ae;
width: 100%; width: 100%;
position: relative; position: relative;
margin: 10px; margin: 10px;
white-space: nowrap;
overflow: hidden;
}
#messageboxouter {
width: 100%;
overflow: hidden;
} }
.currentuserchip { .currentuserchip {

12
titanembeds/static/js/embed.js
View File

@ -23,12 +23,6 @@ function element_in_view(element, fullyInView) {
} }
} }
function resize_messagebox() {
var namebox_width = $("#nameplate").outerWidth(true);
var screen_width = $(document).width();
$("#messageboxouter").width(screen_width - namebox_width - 40);
}
function query_guild() { function query_guild() {
var funct = $.ajax({ var funct = $.ajax({
dataType: "json", dataType: "json",
@ -79,7 +73,6 @@ function post(channel_id, content) {
} }
$(function(){ $(function(){
resize_messagebox();
$("#loginmodal").modal({ $("#loginmodal").modal({
dismissible: false, // Modal can be dismissed by clicking outside of the modal dismissible: false, // Modal can be dismissed by clicking outside of the modal
opacity: .5, // Opacity of modal background opacity: .5, // Opacity of modal background
@ -346,7 +339,6 @@ function update_embed_userchip(authenticated, avatar, username, userid) {
$("#currentuserimage").hide(); $("#currentuserimage").hide();
$("#currentusername").text(username + "#" + userid); $("#currentusername").text(username + "#" + userid);
} }
resize_messagebox();
} }
$("#discordlogin_btn").click(function() { $("#discordlogin_btn").click(function() {
@ -408,10 +400,6 @@ $("#messagebox").keyup(function(event){
} }
}); });
$(window).resize(function() {
resize_messagebox();
});
$('#guild-btn').sideNav({ $('#guild-btn').sideNav({
menuWidth: 300, // Default is 300 menuWidth: 300, // Default is 300
edge: 'left', // Choose the horizontal origin edge: 'left', // Choose the horizontal origin

4
titanembeds/templates/embed.html.j2
View File

@ -88,8 +88,8 @@
</div> </div>
</div> </div>
<footer class="footer"> <footer id="footer" class="footer">
<div class="footercontainer"> <div id="footercontainer" class="footercontainer">
<div class="currentuserchip left" id="nameplate"> <div class="currentuserchip left" id="nameplate">
<div class="left"><img id="currentuserimage" src="" class="circle left currentuserimage" style="display: none;"></div> <div class="left"><img id="currentuserimage" src="" class="circle left currentuserimage" style="display: none;"></div>
<div id="currentusername" class="currentusername left">Titan#0001</div> <div id="currentusername" class="currentusername left">Titan#0001</div>