richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Rename google message theme to gmail (actual source), update dist

pull/1243/merge
jlukic 10 years ago
parent
496eb988be
commit
c96f3059da
12 changed files with 153 additions and 125 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 58
      dist/components/modal.js
  2. 2
      dist/components/modal.min.js
  3. 8
      dist/components/popup.js
  4. 2
      dist/components/popup.min.js
  5. 64
      dist/components/transition.css
  6. 2
      dist/components/transition.min.css
  7. 64
      dist/semantic.css
  8. 66
      dist/semantic.js
  9. 2
      dist/semantic.min.css
  10. 10
      dist/semantic.min.js
  11. 0
      src/themes/gmail/collections/message.overrides
  12. 0
      src/themes/gmail/collections/message.variables

58
dist/components/modal.js
View File

@ -65,6 +65,7 @@ $.fn.modal = function(parameters) {
element = this,
instance = $module.data(moduleNamespace),
observer,
module
;
module = {
@ -76,6 +77,7 @@ $.fn.modal = function(parameters) {
module.error(error.dimmer);
return;
}
$dimmable = $context
.dimmer({
debug : settings.debug,
@ -88,25 +90,18 @@ $.fn.modal = function(parameters) {
}
})
;
if(settings.detachable) {
$dimmable.dimmer('add content', $module);
}
$dimmer = $dimmable
.dimmer('get dimmer')
;
$dimmer = $dimmable.dimmer('get dimmer');
$otherModals = $module.siblings(selector.modal);
$allModals = $otherModals.add($module);
module.verbose('Attaching close events', $close);
$close
.on('click' + eventNamespace, module.event.close)
;
$window
.on('resize' + eventNamespace, module.event.resize)
;
module.bind.events();
module.observeChanges();
module.instantiate();
},
@ -124,12 +119,22 @@ $.fn.modal = function(parameters) {
.removeData(moduleNamespace)
.off(eventNamespace)
;
$close
.off(eventNamespace)
;
$context
.dimmer('destroy')
;
$close.off(eventNamespace);
$context.dimmer('destroy');
},
observeChanges: function() {
if('MutationObserver' in window) {
observer = new MutationObserver(function(mutations) {
module.debug('DOM tree modified, updating selector cache');
module.refresh();
});
observer.observe(element, {
childList : true,
subtree : true
});
module.debug('Setting up mutation observer', observer);
}
},
refresh: function() {
@ -160,6 +165,17 @@ $.fn.modal = function(parameters) {
}
},
bind: {
events: function() {
$close
.on('click' + eventNamespace, module.event.close)
;
$window
.on('resize' + eventNamespace, module.event.resize)
;
}
},
event: {
close: function() {
module.verbose('Closing element pressed');
@ -255,6 +271,10 @@ $.fn.modal = function(parameters) {
$.proxy(settings.onShow, element)();
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
module.debug('Showing modal with css animations');
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
$module
.transition({
debug : settings.debug,
@ -262,10 +282,6 @@ $.fn.modal = function(parameters) {
queue : false,
duration : settings.duration,
onStart : function() {
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
module.set.clickaway();
},
onComplete : function() {

2
dist/components/modal.min.js
File diff suppressed because it is too large
View File

8
dist/components/popup.js
View File

@ -325,16 +325,14 @@ $.fn.popup = function(parameters) {
show: function(callback) {
callback = $.isFunction(callback) ? callback : function(){};
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
$module
.addClass(className.visible)
;
$popup
.transition({
animation : settings.transition + ' in',
queue : false,
duration : settings.duration,
onStart : function() {
$module
.addClass(className.visible)
;
},
onComplete : function() {
module.bind.close();
$.proxy(callback, element)();

2
dist/components/popup.min.js
File diff suppressed because it is too large
View File

64
dist/components/transition.css
View File

@ -603,49 +603,49 @@
@-webkit-keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@-webkit-keyframes fadeUpOut {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
}
}
@keyframes fadeUpOut {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
}
}
@ -653,49 +653,49 @@
@-webkit-keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@-webkit-keyframes fadeDownOut {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
}
@keyframes fadeDownOut {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
}

2
dist/components/transition.min.css
File diff suppressed because it is too large
View File

64
dist/semantic.css
View File

@ -26392,56 +26392,56 @@ a:hover {
@-webkit-keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@-webkit-keyframes fadeUpOut {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
}
}
@keyframes fadeUpOut {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
-webkit-transform: translateY(3rem);
transform: translateY(3rem);
}
}
@ -26450,56 +26450,56 @@ a:hover {
@-webkit-keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@-webkit-keyframes fadeDownOut {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
}
@keyframes fadeDownOut {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
100% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
}

66
dist/semantic.js
View File

@ -5809,6 +5809,7 @@ $.fn.modal = function(parameters) {
element = this,
instance = $module.data(moduleNamespace),
observer,
module
;
module = {
@ -5820,6 +5821,7 @@ $.fn.modal = function(parameters) {
module.error(error.dimmer);
return;
}
$dimmable = $context
.dimmer({
debug : settings.debug,
@ -5832,25 +5834,18 @@ $.fn.modal = function(parameters) {
}
})
;
if(settings.detachable) {
$dimmable.dimmer('add content', $module);
}
$dimmer = $dimmable
.dimmer('get dimmer')
;
$dimmer = $dimmable.dimmer('get dimmer');
$otherModals = $module.siblings(selector.modal);
$allModals = $otherModals.add($module);
module.verbose('Attaching close events', $close);
$close
.on('click' + eventNamespace, module.event.close)
;
$window
.on('resize' + eventNamespace, module.event.resize)
;
module.bind.events();
module.observeChanges();
module.instantiate();
},
@ -5868,12 +5863,22 @@ $.fn.modal = function(parameters) {
.removeData(moduleNamespace)
.off(eventNamespace)
;
$close
.off(eventNamespace)
;
$context
.dimmer('destroy')
;
$close.off(eventNamespace);
$context.dimmer('destroy');
},
observeChanges: function() {
if('MutationObserver' in window) {
observer = new MutationObserver(function(mutations) {
module.debug('DOM tree modified, updating selector cache');
module.refresh();
});
observer.observe(element, {
childList : true,
subtree : true
});
module.debug('Setting up mutation observer', observer);
}
},
refresh: function() {
@ -5904,6 +5909,17 @@ $.fn.modal = function(parameters) {
}
},
bind: {
events: function() {
$close
.on('click' + eventNamespace, module.event.close)
;
$window
.on('resize' + eventNamespace, module.event.resize)
;
}
},
event: {
close: function() {
module.verbose('Closing element pressed');
@ -5999,6 +6015,10 @@ $.fn.modal = function(parameters) {
$.proxy(settings.onShow, element)();
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
module.debug('Showing modal with css animations');
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
$module
.transition({
debug : settings.debug,
@ -6006,10 +6026,6 @@ $.fn.modal = function(parameters) {
queue : false,
duration : settings.duration,
onStart : function() {
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
module.set.clickaway();
},
onComplete : function() {
@ -7340,16 +7356,14 @@ $.fn.popup = function(parameters) {
show: function(callback) {
callback = $.isFunction(callback) ? callback : function(){};
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
$module
.addClass(className.visible)
;
$popup
.transition({
animation : settings.transition + ' in',
queue : false,
duration : settings.duration,
onStart : function() {
$module
.addClass(className.visible)
;
},
onComplete : function() {
module.bind.close();
$.proxy(callback, element)();

2
dist/semantic.min.css
File diff suppressed because it is too large
View File

10
dist/semantic.min.js
File diff suppressed because it is too large
View File

src/themes/material/collections/message.overrides → src/themes/gmail/collections/message.overrides
View File

src/themes/material/collections/message.variables → src/themes/gmail/collections/message.variables
View File

Write Preview
Loading…
Cancel
Save