mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-14 00:39:57 +09:00
Site edit. File upload input button UI change.
git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11757 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
parent
30dbae4e36
commit
61ff5e2343
5 changed files with 77 additions and 7 deletions
|
|
@ -110,6 +110,7 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
|
|||
.x a.active{color:#000;font-weight:bold;text-decoration:none}
|
||||
.x .module_search+[readonly]{border-top-right-radius:0;border-bottom-right-radius:0}
|
||||
.x .module_search+[readonly]+a.x_btn{border-top-left-radius:0;border-bottom-left-radius:0;vertical-align:top;margin-left:-5px}
|
||||
.x input[type="file"].overlap{position:absolute;overflow:hidden;opacity:0;border:0;filter:alpha(opacity=0);padding:3px 9px;cursor:pointer}
|
||||
/* Image Sprite */
|
||||
.x a[target="_blank"]:after,
|
||||
.x>.body>.gnb>ul>li>a>i,
|
||||
|
|
|
|||
1
modules/admin/tpl/css/admin.min.css
vendored
1
modules/admin/tpl/css/admin.min.css
vendored
|
|
@ -110,6 +110,7 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
|
|||
.x a.active{color:#000;font-weight:bold;text-decoration:none}
|
||||
.x .module_search+[readonly]{border-top-right-radius:0;border-bottom-right-radius:0}
|
||||
.x .module_search+[readonly]+a.x_btn{border-top-left-radius:0;border-bottom-left-radius:0;vertical-align:top;margin-left:-5px}
|
||||
.x input[type="file"].overlap{position:absolute;overflow:hidden;opacity:0;border:0;filter:alpha(opacity=0);padding:3px 9px;cursor:pointer}
|
||||
/* Image Sprite */
|
||||
.x a[target="_blank"]:after,
|
||||
.x>.body>.gnb>ul>li>a>i,
|
||||
|
|
|
|||
|
|
@ -187,6 +187,42 @@ jQuery(function($){
|
|||
}
|
||||
$(':radio, :checkbox').not(':checked').parent('label').removeClass('checked');
|
||||
}).change();
|
||||
// File input .overlap style
|
||||
$('input[type="file"].overlap').each(function(){
|
||||
var $this = $(this);
|
||||
var $btn = $this.prev('button');
|
||||
$this.parent().css('position','relative');
|
||||
$this.width($btn.width()).height($btn.height()).offset($btn.offset());
|
||||
});
|
||||
// Email Masking
|
||||
$.fn.xeMask = function(){
|
||||
this
|
||||
.each(function(){
|
||||
var $this = $(this), text = $this.text();
|
||||
var reg_mail = /^([\w\-\.]+?)@(([\w-]+\.)+[a-z]{2,})$/ig;
|
||||
|
||||
if(reg_mail.test(text)) {
|
||||
$this
|
||||
.html(text.replace(/(@.+)$/, '<span class="ellipsis">...</span><span class="cover">$1</span>'))
|
||||
.find('>.ellipsis')
|
||||
.css({position:'absolute',zIndex:1})
|
||||
.hover(
|
||||
function(){ $(this).next('.cover').mouseover() },
|
||||
function(){ $(this).next('.cover').mouseout() }
|
||||
)
|
||||
.end()
|
||||
.find('>.cover')
|
||||
.css({zIndex:2,opacity:0})
|
||||
.hover(
|
||||
function(){ $(this).css('opacity',1).prev('span').css('visibility','hidden') },
|
||||
function(){ $(this).css('opacity',0).prev('span').css('visibility','visible') }
|
||||
)
|
||||
.end();
|
||||
}
|
||||
})
|
||||
};
|
||||
$('.masked').xeMask();
|
||||
|
||||
});
|
||||
// Modal Window
|
||||
jQuery(function($){
|
||||
|
|
|
|||
36
modules/admin/tpl/js/admin.min.js
vendored
36
modules/admin/tpl/js/admin.min.js
vendored
|
|
@ -187,6 +187,42 @@ jQuery(function($){
|
|||
}
|
||||
$(':radio, :checkbox').not(':checked').parent('label').removeClass('checked');
|
||||
}).change();
|
||||
// File input .overlap style
|
||||
$('input[type="file"].overlap').each(function(){
|
||||
var $this = $(this);
|
||||
var $btn = $this.prev('button');
|
||||
$this.parent().css('position','relative');
|
||||
$this.width($btn.width()).height($btn.height()).offset($btn.offset());
|
||||
});
|
||||
// Email Masking
|
||||
$.fn.xeMask = function(){
|
||||
this
|
||||
.each(function(){
|
||||
var $this = $(this), text = $this.text();
|
||||
var reg_mail = /^([\w\-\.]+?)@(([\w-]+\.)+[a-z]{2,})$/ig;
|
||||
|
||||
if(reg_mail.test(text)) {
|
||||
$this
|
||||
.html(text.replace(/(@.+)$/, '<span class="ellipsis">...</span><span class="cover">$1</span>'))
|
||||
.find('>.ellipsis')
|
||||
.css({position:'absolute',zIndex:1})
|
||||
.hover(
|
||||
function(){ $(this).next('.cover').mouseover() },
|
||||
function(){ $(this).next('.cover').mouseout() }
|
||||
)
|
||||
.end()
|
||||
.find('>.cover')
|
||||
.css({zIndex:2,opacity:0})
|
||||
.hover(
|
||||
function(){ $(this).css('opacity',1).prev('span').css('visibility','hidden') },
|
||||
function(){ $(this).css('opacity',0).prev('span').css('visibility','visible') }
|
||||
)
|
||||
.end();
|
||||
}
|
||||
})
|
||||
};
|
||||
$('.masked').xeMask();
|
||||
|
||||
});
|
||||
// Modal Window
|
||||
jQuery(function($){
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue