Skip to content
This repository has been archived by the owner on Sep 25, 2022. It is now read-only.

Commit

Permalink
🆕 Lots of refinement of pause and resume buttons
Browse files Browse the repository at this point in the history
  • Loading branch information
@pmonks
pmonks committed Jul 16, 2016
1 parent 69f1cef commit 9eb49ae
Show file tree
Hide file tree
Showing 11 changed files with 293 additions and 388 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
**/.DS_Store
**/*.class
**/*.jar
**/*.war
Expand Down
10 changes: 5 additions & 5 deletions ...ension/templates/webscripts/org/alfresco/extension/bulkimport/datadictionary.get.html.ftl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,11 +74,11 @@
<meta name="description" content="Bulk Import Tool - Data Dictionary">
<meta name="viewport" content="width=device-width, initial-scale=1">
[#-- 3rd Party Stuff --]
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-2.1.4.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/loglevel/1.2.0/loglevel.min.js"></script>
<script src="${url.context}/scripts/bulkimport/modernizr-2.8.3.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-2.2.4.js"></script>
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/loglevel/1.4.0/loglevel.min.js"></script>
<script src="${url.context}/scripts/bulkimport/modernizr-3.3.1.min.js"></script>
<script src="${url.context}/scripts/bulkimport/favicon.min.js"></script>
[#-- Bulk import --]
<link rel="stylesheet" href="${url.context}/css/bulkimport/normalize.css">
Expand Down
10 changes: 5 additions & 5 deletions ...extension/templates/webscripts/org/alfresco/extension/bulkimport/deletespace.get.html.ftl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@
<meta name="description" content="Bulk Import Tool - Delete Space">
<meta name="viewport" content="width=device-width, initial-scale=1">
[#-- 3rd Party Stuff --]
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-2.1.4.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/loglevel/1.2.0/loglevel.min.js"></script>
<script src="${url.context}/scripts/bulkimport/modernizr-2.8.3.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-2.2.4.js"></script>
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/loglevel/1.4.0/loglevel.min.js"></script>
<script src="${url.context}/scripts/bulkimport/modernizr-3.3.1.min.js"></script>
<script src="${url.context}/scripts/bulkimport/favicon.min.js"></script>
[#-- Bulk import --]
<link rel="stylesheet" href="${url.context}/css/bulkimport/normalize.css">
Expand Down
10 changes: 5 additions & 5 deletions ...esco/extension/templates/webscripts/org/alfresco/extension/bulkimport/status.get.html.ftl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,11 @@
<meta name="description" content="Bulk Import Tool - Status">
<meta name="viewport" content="width=device-width, initial-scale=1">
[#-- 3rd Party Stuff --]
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-2.1.4.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/loglevel/1.2.0/loglevel.min.js"></script>
<script src="${url.context}/scripts/bulkimport/modernizr-2.8.3.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-2.2.4.js"></script>
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/loglevel/1.4.0/loglevel.min.js"></script>
<script src="${url.context}/scripts/bulkimport/modernizr-3.3.1.min.js"></script>
<script src="${url.context}/scripts/bulkimport/favicon.min.js"></script>
<script src="${url.context}/scripts/bulkimport/smoothie.js"></script>
[#-- Bulk import --]
Expand Down
10 changes: 5 additions & 5 deletions ...alfresco/extension/templates/webscripts/org/alfresco/extension/bulkimport/ui.get.html.ftl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@
<meta name="description" content="Bulk Import Tool">
<meta name="viewport" content="width=device-width, initial-scale=1">
[#-- 3rd Party Stuff --]
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-2.1.4.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/loglevel/1.2.0/loglevel.min.js"></script>
<script src="${url.context}/scripts/bulkimport/modernizr-2.8.3.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-2.2.4.js"></script>
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/loglevel/1.4.0/loglevel.min.js"></script>
<script src="${url.context}/scripts/bulkimport/modernizr-3.3.1.min.js"></script>
<script src="${url.context}/scripts/bulkimport/favicon.min.js"></script>
[#-- Bulk import --]
<link rel="stylesheet" href="${url.context}/css/bulkimport/normalize.css">
Expand Down
25 changes: 24 additions & 1 deletion amp/src/main/amp/web/css/bulkimport/bulkimport.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,8 @@ label {
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
/* font: 14px/100% Arial, Helvetica, sans-serif; */
font: 'Open Sans', sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
Expand All @@ -70,6 +71,7 @@ label {
top: 1px;
}

/* This tool is absolutely invaluable for creating new colour styles: http://www.w3schools.com/colors/colors_picker.asp */
.green {
color: #e8f0de;
border: solid 1px #538312;
Expand All @@ -91,6 +93,27 @@ label {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.orange {
color: #faebdc;
border: solid 1px #97520c;
background: #da7a1b;
background: -webkit-gradient(linear, left top, left bottom, from(#ed851d), to(#aa5e13));
background: -moz-linear-gradient(top, #ed851d, #aa5e13);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed851d', endColorstr='#aa5e13');
}
.orange:hover {
background: #b46313;
background: -webkit-gradient(linear, left top, left bottom, from(#cb7015), to(#a25911));
background: -moz-linear-gradient(top, #cb7015, #a25911);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7015', endColorstr='#a25911');
}
.orange:active {
color: #ddb388;
background: -webkit-gradient(linear, left top, left bottom, from(#aa5e13), to(#ed851d));
background: -moz-linear-gradient(top, #aa5e13, #ed851d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa5e13', endColorstr='#ed851d');
}

.red {
color: #faddde;
border: solid 1px #980c10;
Expand Down
100 changes: 39 additions & 61 deletions amp/src/main/amp/web/css/bulkimport/main.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
* What follows is the result of much research on cross-browser styling.
Expand All @@ -10,21 +10,16 @@
Base styles: opinionated defaults
========================================================================== */

html,
button,
input,
select,
textarea {
color: #222;
}

html {
color: #222;
font-size: 1em;
line-height: 1.4;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
Expand Down Expand Up @@ -53,13 +48,16 @@ hr {
}

/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
Expand All @@ -83,10 +81,10 @@ textarea {
}

/* ==========================================================================
Browse Happy prompt
Browser Upgrade Prompt
========================================================================== */

.browsehappy {
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
Expand Down Expand Up @@ -118,35 +116,16 @@ textarea {
========================================================================== */

/*
* Image replacement
*/

.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}

.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
* Hide visually and from screen readers
*/

.hidden {
display: none !important;
visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/

.visuallyhidden {
Expand All @@ -161,8 +140,9 @@ textarea {
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
Expand All @@ -176,7 +156,7 @@ textarea {
}

/*
* Hide visually and from screenreaders, but maintain layout
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
Expand Down Expand Up @@ -205,15 +185,6 @@ textarea {
clear: both;
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
*zoom: 1;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Expand All @@ -225,21 +196,27 @@ textarea {
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
* {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
Expand All @@ -258,12 +235,12 @@ textarea {
}

/*
* Don't show links for images, or javascript/internal links
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}

Expand All @@ -273,8 +250,13 @@ textarea {
page-break-inside: avoid;
}

/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/

thead {
display: table-header-group; /* h5bp.com/t */
display: table-header-group;
}

tr,
Expand All @@ -286,10 +268,6 @@ textarea {
max-width: 100% !important;
}

@page {
margin: 0.5cm;
}

p,
h2,
h3 {
Expand Down
Loading

0 comments on commit 9eb49ae

Please sign in to comment.