Description
Are simple changes but I believe this is util. I don't made this changes because I don't know how to use gulp or the method used to make CSS styles on SRC directory, unfortunately no have time to learn now. 😓
Need add
I use this to show over screen a loading progress, so why no add a extra class to allow devs use this too? This should be in phonon.css
.circle-progress-overlay {
z-index:999;
top:50%;
left:50%;
position:absolute;
margin-top:-10px;
margin-left:-10px;
background-color: transparent !important;
}
The spinner is other item witch can be custom, well isn't a very lol look but this is my custom right? This case, I think theme.css should become this commented and defined only border color to default.
.circle-progress.active .spinner {
/* I know is very :poop: hehe
border-top: 1px solid #FF3366;
border-right: 2px solid #FF3366;
border-bottom: 3px solid #FF3366;
border-left: 2px solid #fff;
border-left-color: transparent !important;
*/
border-color:#ff3366;
border-left-color: transparent !important;
}
In theme.css we have custom to tabs, panels and buttons, but not to 'determine' progress, so... 👍
.progress .determinate {
background-color: #FF3366;
}
Other thing, what you think about create alert, error and success classes to create a notification with progress bar stylized?
phonon.notif( "my string", 5000, true, "My Button Label", "error" );
But this was bad to write and can be various params no necessary, so...
phonon.notif( "my string", {timeout: 5000, showButton: true, textButton: "My Button Label", determine: "success" });
Reading the code of 'notifications.js' I note witch changes of #75 are losted in V1.3.3, but I don't know why. Yet about this changes, we need make some changes, when use (incorrect but...)
phonon.notif( "my string", 5000, false, "My Button Label" );
Notification freeze and not show bar progress.
theme.css have a problem with color (background is equal text) and position of button of alert
.primary.btn-flat {
color: #0084e7 !important;
}
@qathom what you think?