Autor Zpráva
Sennin
Profil
Zdravím ľudia
Mám tento JS Kód
$(document).ready(function() {
  $('#eye-toggle').click(function() {
    var collapse_content_selector = $(this).attr('href');
    var toggle_switch = $(this);
    $(collapse_content_selector).toggle(function() {
      if($(this).css('display')=='none') {
        toggle_switch.html('<i class="fa fa-eye-slash Active"></i>');
      } else {
        toggle_switch.html('<i class="fa fa-eye noActive"></i>');
      }
    });
  });
});

a potrebujem spraviť to, že keď sa panel ukryje aby sa stránka

<div id="mainBody">....</div>

Roztiahla na celých 100%
Pri zmenšovaní to mám poriešené takto

@media (max-width: 1120px) {
    #mainLeftBar {
        display: none;
    }
    #mainBody {
        width: 100% !important;
        margin-left: 0 !important;
    }
    #mainFooter {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

ale ako to urobiť keď sa panel ukryje i pri veľkom monitore neviem do js som neni vôbec ešte zaučený.
Všetkým vopred ďakujem za akúkoľvek radu alebo navigáciu.

P.S: niečo ako ma Youtube pri skrytí zobrazení panela vľavo
jenikkozak
Profil
Při vyvolání události změň třídu rodiče - nadřazenému prvku (prvku, ve kterém je mainLeftBar, mainBody i mainFooter). Ve stylopise zapiš rozměry potomkům tohoto rodiče.
Využívej lepší způsoby přebíjení hodnot, než je !important. Jde o takový kanón na vrabce, jehož použití se ti časem může vymstít.
Sennin
Profil
Nazdar jenikkozak:
Nemohol by si nejak konkrétnejšie? neviem ani ako to vyhľadať skúšal som nazrieť do themeforest/site-templates/admin-templates
A našiel som Toto podarilo sa mi vziať layout a js ale ten js script je moc veľký a viem, že to čo ja potrebujem je len časť kódu ale ako som spomínal do js sa ešte len učím a neviem ktorý kód vziať od -> po
Zasielam odkaz na JS

Prosím všetkých kto niečo riešil podobné prosím prispejte vedomosťami vopred ďakujem.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: