12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- $.noty.layouts.centerRight = {
- name : 'centerRight',
- options : { // overrides options
-
- },
- container: {
- object : '<ul id="noty_centerRight_layout_container" />',
- selector: 'ul#noty_centerRight_layout_container',
- style : function() {
- $(this).css({
- right : 20,
- position : 'fixed',
- width : '310px',
- height : 'auto',
- margin : 0,
- padding : 0,
- listStyleType: 'none',
- zIndex : 10000000
- });
-
- // getting hidden height
- var dupe = $(this).clone().css({visibility: "hidden", display: "block", position: "absolute", top: 0, left: 0}).attr('id', 'dupe');
- $("body").append(dupe);
- dupe.find('.i-am-closing-now').remove();
- dupe.find('li').css('display', 'block');
- var actual_height = dupe.height();
- dupe.remove();
-
- if($(this).hasClass('i-am-new')) {
- $(this).css({
- top: ($(window).height() - actual_height) / 2 + 'px'
- });
- }
- else {
- $(this).animate({
- top: ($(window).height() - actual_height) / 2 + 'px'
- }, 500);
- }
-
- if(window.innerWidth < 600) {
- $(this).css({
- right: 5
- });
- }
-
- }
- },
- parent : {
- object : '<li />',
- selector: 'li',
- css : {}
- },
- css : {
- display: 'none',
- width : '310px'
- },
- addClass : ''
- };
|