PDA

View Full Version : [CSS,JAVASCRIPT]Impostare la proprietà width del dropdown menu lunga quanto container


zabnicola
02-08-2021, 12:52
https://i.stack.imgur.com/hfqA4.png

come si puo vedere ce quel "no request for collaboration to be accepted" in alto che ha dimensioni metà della pagina.
Non riesco a impostarlo responsive a tutta pagina anche se la pagina viene ridimensionata.

wingman87
02-08-2021, 18:17
Senza vedere il codice è difficile aiutarti.

La cosa migliore che puoi fare è ricreare il problema in jsfiddle o codepen (o un tool analogo), così possiamo interagire direttamente sul codice.
Altrimenti posta semplicemente qui sul forum l'html e il css.

zabnicola
02-08-2021, 21:19
Senza vedere il codice è difficile aiutarti.

La cosa migliore che puoi fare è ricreare il problema in jsfiddle o codepen (o un tool analogo), così possiamo interagire direttamente sul codice.
Altrimenti posta semplicemente qui sul forum l'html e il css.

Cosi dovrebbe funzionare:
$(document).ready(function(){
function fixMenuWidth()
{
var win = $(this); //this = window
winWidth = win.width();
barMarginLeftWidth = parseInt($('.topbarcontainer').css("margin-left"));
barMarginRightWidth = parseInt($('.topbarcontainer').css("margin-right"));
extraWidth = 25;
var notifRequestCowork = $(".menuNotificationRequestCowork");
extraAccountWidth = extraWidth + 42;

console.log(notifRequestCowork);
if (typeof notifRequestCowork != 'undefined' && notifRequestCowork.length > 0)
{
extraAccountWidth = extraWidth + 42;
}else
{
extraAccountWidth = extraWidth;
}
var widthRequest = winWidth - barMarginLeftWidth - barMarginRightWidth - extraWidth;
var widthAccount = winWidth - barMarginLeftWidth - barMarginRightWidth - extraAccountWidth;
$(".menuRequestCowork").css('min-width',widthRequest+'px');
$(".menuAccount").css('min-width',widthAccount+'px');
}

$(window).on('resize', function(){
fixMenuWidth();
});

fixMenuWidth();

$('.dropdown-menu .dropdown-item').click(function () {
op = parseInt($(this).attr("data-url-op"));
if(op > 0)
window.location.href =$(this).attr("data-url");
});

});
Vedo la dimensione della pagina e la imposto di conseguenza anche quando la pagina viene ridimensionata.