beenull/Elastic2022
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add files via upload

Browse source
This commit is contained in:
seb1k 2024-10-25 11:33:32 +02:00 committed by GitHub
parent b059f7a848
commit 58e8b6c998
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 130 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
styles/styles.min.css vendored
View file

@ -15,7 +15,7 @@ html.dark-mode {
--font2:#e0e6ec;
--background: #1a1c1e;
--backgroundhover: #374549;
--backgroundhoverlight: rgba(44, 54, 58, 0.7);
--backgroundhoverlight: #272E32;
--backgroundtree: #374549;
--backgroundbutton: #374549;
--bordercolor:#3D444D;
@ -24,7 +24,7 @@ html.dark-mode {
.gitissue16 a{
position:absolute;
right:4px;
right:0;
bottom:12px;
color: var(--font);
opacity: .7;
@ -370,9 +370,9 @@ animation: spin 1.5s linear infinite;
.abouticon:before { content: "\3f";margin-left:0.5rem;margin-right: 0.5rem;font-size:16px}
.logout:before { content: "\f011";margin-left:0.5rem;margin-right: 0.5rem;}
.logout:before { content: "\f011";margin:0 .5rem;}
.composeicon:before { content: "\f303";margin-left:0.7rem;margin-right: 0.3rem;}
.composeicon:before { content: "\f303";margin:0 .5rem;}
.mailicon:before { content: "\f0e0";}
@ -456,6 +456,8 @@ border-radius:24px;
line-height:40px;
margin:1.5rem;
padding:0 1rem 0 .7rem;
text-align:center;
}
html.dark-mode .compose.button div{
@ -492,7 +494,7 @@ position:absolute;
display:none;
background-color: var(--background);
top:45px;
width:200px;
width:180px;
right:0px;
}
@ -516,8 +518,7 @@ color: var(--font);
.menuopt{
line-height: 48px;
line-height: 44px;
cursor:pointer;
text-align:left;
}
@ -536,7 +537,7 @@ color: var(--font);
}
.menuopt i{
padding-left:.5rem;
padding:0 .7rem;
}
@ -4598,18 +4599,25 @@ position:static;
.messagelist.sort-size span.size {
left:0;
position:static;
}
.messagelist.sort-size span.date {
display: none;
display: none;
}
.messagelist.sort-size span.size,
.messagelist.sort-size tr:hover span.date {
display: inline;
display: inline;
margin-top: 25px;
position: absolute;
right: 30px;
background-color: var(--backgroundhoverlight);
padding-left:8px;
}
.messagelist.sort-size tr:hover span.size {
display: none;
}
@ -4724,6 +4732,23 @@ font-weight: 900;
.audio .attachmentslistplus:before{
content: "\f04b";
font-weight: 900;
}
.audiopause:before{
content: "\f04c" !important;
}
.attachmentslist .audio{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAqCAYAAACZSYp/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAbSURBVChTY1y1apUNAxAwgQgQGGUAAc0ZDAwAhGMCjn37d/AAAAAASUVORK5CYII=");
background-size: 0% 42px;
background-repeat: no-repeat;
}
.attachmentslist .dropdown{
display:none;
@ -4840,7 +4865,7 @@ display:none;
text-decoration: none;
}
.attachmentslist li a:hover {
.attachmentslist li:hover {
background-color: var(--backgroundhover);
}

6
templates/includes/top-right_menu.html
View file

@ -3,14 +3,14 @@
<div class="hovermenu z-depth-2" id="taskmenu">
<div class="menuopt" onclick="rcmail.command('switch-task', 'settings', false, false)">
<i class="sebicon cog" ></i> &nbsp; <roundcube:label name="settings" />
<i class="sebicon cog" ></i><roundcube:label name="settings" />
</div>
<div class="click_change_theme menuopt">
<i class="sebicon contrast"></i> &nbsp; <span class="sebicon_contrast_txt"></span>
<i class="sebicon contrast"></i><span class="sebicon_contrast_txt"></span>
</div>
<div onclick="elastic2022_logout()" class='menuopt'>
<i class="sebicon logout"></i> &nbsp; <roundcube:label name="logout" />
<i class="sebicon logout"></i><roundcube:label name="logout" />
</div>
</div>
</div>

2
templates/mail.html
View file

@ -28,7 +28,7 @@
<a href="./?_task=mail&_action=compose" class="compose button">
<div><i class="sebicon composeicon" style="margin: 1rem;"></i><roundcube:label name="compose" /></div>
<div><i class="sebicon composeicon" style='float:left'></i><roundcube:label name="compose" /></div>
</a>

2
templates/message.html
View file

@ -126,6 +126,8 @@
</div>
<audio id="audioplayer" onended="audioend()"></audio>
<!-- popup menus -->
<div id="attachmentmenu" class="popupmenu">
<h3 id="aria-label-attachmentmenu" class="voice"><roundcube:label name="arialabelattachmentmenu" /></h3>

88
ui.min.js vendored
View file

@ -4748,6 +4748,12 @@ if(document.getElementById("messagelist-content"))
})
new ResizeObserver(resizemessagelist).observe(document.getElementById("messagelist-content"))
}
if(document.getElementsByClassName("gitissue16").length)
{
var move=$('#folderlist-content').width()-$('#mailboxlist').width()
$('.gitissue16 a').css({marginRight:move+'px'});
}
function resizemessagelist()
@ -5017,7 +5023,7 @@ for(var i=0;i<msgs.length;i++)
// delete button
if(!msgs[i].querySelector(".deleteicon"))
{
var spanflags = msgs[i].querySelector(".size")
var sizespan = msgs[i].querySelector(".size")
var d = document.createElement("span");
d.className="sebicon deleteicon insummary"
d.onclick= function(e){
@ -5028,7 +5034,15 @@ for(var i=0;i<msgs.length;i++)
else
rcmail.command('move',{id:rcmail.env.trash_mailbox ,uids:[uid]},"",event,true)
};
spanflags.appendChild(d);
if(!sizespan) // no size - rc 1.4.10 - gitissue19
{ // lets create a span
var sizespan = document.createElement("span");
sizespan.className="size skip-on-drag"
msgs[i].querySelector(".date").after(sizespan);
}
sizespan.appendChild(d);
}
}
@ -5509,6 +5523,7 @@ if(typeof rcube_calendar ==="function") // rcube_calendar exist ?
jQuery(this).find(".filename").append( "<div class='attachmentslistplus' title='"+hovertxt+"' onclick='click_add_calendar(event,this)'></div>" );
})
}
// change behaviour for rfc822
$('.attachmentslist .rfc822').each(function() {
@ -5519,7 +5534,13 @@ $('.attachmentslist .rfc822').each(function() {
jQuery(this).find(".filename").append( "<div class='attachmentslistplus' onclick='click_dl_attachement(this)'></div>" );
})
// audio icon for player
$('.attachmentslist .audio').each(function() {
jQuery(this).find(".filename").append( "<div class='attachmentslistplus' onclick='audiobutton(event,this)'></div>" );
})
// zipdownload plugin
if($('.zipdownload').length )
{
@ -5535,11 +5556,70 @@ if($('.zipdownload').length )
// add button if more than 3 files
if($('.attachmentslist li').length > 3)
{
setTimeout(function() {$('#attach_fullsize').show();}, 100); // again because of a bug on small layout
$('#attach_fullsize').show();
setTimeout(function() {$('#attach_fullsize').show();}, 300); // again because of a bug on small layout
$('.attachmentslist').css('max-height','100px');
}
}
function audiobutton(event,elm)
{
var a = $( "#audioplayer" )[0]
var audiourl = jQuery(elm).closest(".filename")[0].href
if(a.src == audiourl) // same audio
{
if(a.paused==false)
{
a.pause()
elm.classList.remove('audiopause');
event.preventDefault();
return;
}
}
else
{
audioend()
a.src = audiourl
}
a.play();
elm.classList.add('audiopause');
audioanim(elm)
event.preventDefault();
}
var audioanim_anim=false;
function audioanim(elm)
{
var a = $( "#audioplayer" )[0]
var prc = (a.currentTime*100)/a.duration
if(a.paused) return;
if(isNaN(prc)) prc = 0;
if(prc >= 100)
{
audioend()
}
else
{
elm.closest("li").style.backgroundSize=prc+"% 42px"
audioanim_anim=setTimeout(function() {audioanim(elm)}, 50);
}
}
function audioend()
{
$('.audio').css( "background-size","0% 42px")
$('.audiopause').removeClass('audiopause');
clearTimeout(audioanim_anim)
}
function click_add_calendar(e,p)
{
var attachid = p.closest("li").id.replace('attach','');