mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
remove alert
This commit is contained in:
@ -1,41 +0,0 @@
|
|||||||
|
|
||||||
// Alert
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
$alert-width: 40% !default;
|
|
||||||
$alert-min-width: 270px !default;
|
|
||||||
$alert-max-width: 460px !default;
|
|
||||||
$alert-content-margin: 24px !default;
|
|
||||||
|
|
||||||
|
|
||||||
.alert .overlay-container {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-container {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
width: $alert-width;
|
|
||||||
min-width: $alert-min-width;
|
|
||||||
max-width: $alert-max-width;
|
|
||||||
margin-bottom: 60px;
|
|
||||||
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-header {
|
|
||||||
margin: $alert-content-margin;
|
|
||||||
font-size: 2rem;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-content {
|
|
||||||
margin: $alert-content-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-actions {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
@ -1,24 +0,0 @@
|
|||||||
|
|
||||||
/*
|
|
||||||
@Component({
|
|
||||||
selector: 'ion-alert'
|
|
||||||
})
|
|
||||||
@NgView({
|
|
||||||
template: `
|
|
||||||
<div class="overlay-backdrop"></div>
|
|
||||||
<div class="overlay-container">
|
|
||||||
<div class="alert-container">
|
|
||||||
<div class="alert-header">
|
|
||||||
Do you like cookies?
|
|
||||||
</div>
|
|
||||||
<div class="alert-content">
|
|
||||||
Seriously, who does not like cookies.
|
|
||||||
</div>
|
|
||||||
<div class="alert-actions">
|
|
||||||
<button primary>OK</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>`
|
|
||||||
})
|
|
||||||
export class Alert {}
|
|
||||||
*/
|
|
@ -1,49 +0,0 @@
|
|||||||
|
|
||||||
// Alert
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
$alert-ios-min-height: 80px !default;
|
|
||||||
$alert-ios-content-margin: 15px !default;
|
|
||||||
$alert-ios-background-color: #e8e8e8 !default;
|
|
||||||
$alert-ios-border-color: #b5b5b5 !default;
|
|
||||||
$alert-ios-border-radius: 15px !default;
|
|
||||||
$alert-ios-button-color: #007aff !default;
|
|
||||||
$alert-ios-button-font-size: 2rem !default;
|
|
||||||
|
|
||||||
|
|
||||||
.alert[mode="ios"] {
|
|
||||||
|
|
||||||
.alert-container {
|
|
||||||
border-radius: $alert-ios-border-radius;
|
|
||||||
background: $alert-ios-background-color;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-header {
|
|
||||||
margin: $alert-ios-content-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-content {
|
|
||||||
position: relative;
|
|
||||||
margin: $alert-ios-content-margin 0 0;
|
|
||||||
padding: 0 $alert-ios-content-margin $alert-ios-content-margin;
|
|
||||||
min-height: $alert-ios-min-height;
|
|
||||||
|
|
||||||
@include hairline(bottom, $alert-ios-border-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-actions {
|
|
||||||
min-height: 44px;
|
|
||||||
|
|
||||||
button,
|
|
||||||
[button] {
|
|
||||||
flex: 1;
|
|
||||||
border: 0;
|
|
||||||
background: transparent;
|
|
||||||
font-size: $alert-ios-button-font-size;
|
|
||||||
font-weight: 400;
|
|
||||||
color: $alert-ios-button-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,42 +0,0 @@
|
|||||||
|
|
||||||
// Material Design Alert
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
$alert-material-content-margin: 24px !default;
|
|
||||||
$alert-material-background-color: #fff !default;
|
|
||||||
$alert-material-border-radius: 4px !default;
|
|
||||||
$alert-material-box-shadow: 0px 27px 24px 0 rgba(0, 0, 0, 0.2) !default;
|
|
||||||
|
|
||||||
|
|
||||||
.alert[mode="md"] {
|
|
||||||
|
|
||||||
.alert-container {
|
|
||||||
box-shadow: $alert-material-box-shadow;
|
|
||||||
border-radius: $alert-material-border-radius;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-header {
|
|
||||||
margin: $alert-material-content-margin;
|
|
||||||
font-size: 2rem;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-content {
|
|
||||||
position: relative;
|
|
||||||
margin: $alert-material-content-margin;
|
|
||||||
background: $alert-material-background-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-actions {
|
|
||||||
min-height: 44px;
|
|
||||||
background: $alert-material-background-color;
|
|
||||||
margin: $alert-material-content-margin;
|
|
||||||
|
|
||||||
button,
|
|
||||||
[button] {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,17 +0,0 @@
|
|||||||
import {App, Alert} from 'ionic/ionic';
|
|
||||||
|
|
||||||
|
|
||||||
@App({
|
|
||||||
templateUrl: 'main.html'
|
|
||||||
})
|
|
||||||
class IonicApp {
|
|
||||||
constructor(alert: Alert) {
|
|
||||||
this.alert = alert;
|
|
||||||
}
|
|
||||||
|
|
||||||
showAlert() {
|
|
||||||
this.alert.open({
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,8 +0,0 @@
|
|||||||
<ion-view>
|
|
||||||
<button primary (click)="showAlert()">Alert</button>
|
|
||||||
<!--
|
|
||||||
<ion-alert>
|
|
||||||
|
|
||||||
</ion-alert>
|
|
||||||
-->
|
|
||||||
</ion-view>
|
|
@ -1,6 +1,6 @@
|
|||||||
|
|
||||||
// Modals
|
// Modals
|
||||||
// --------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
$modal-bg-color: #fff !default;
|
$modal-bg-color: #fff !default;
|
||||||
$modal-backdrop-bg-active: #000 !default;
|
$modal-backdrop-bg-active: #000 !default;
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
|
|
||||||
// Modals
|
// Popups
|
||||||
// --------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
$popup-width: 250px !default;
|
$popup-width: 250px !default;
|
||||||
|
|
||||||
@ -18,12 +18,8 @@ $popup-button-min-height: 45px !default;
|
|||||||
$popup-backdrop-color: #000 !default;
|
$popup-backdrop-color: #000 !default;
|
||||||
$popup-backdrop-active-opacity: 0.4 !default;
|
$popup-backdrop-active-opacity: 0.4 !default;
|
||||||
|
|
||||||
/**
|
|
||||||
* Popups
|
|
||||||
* --------------------------------------------------
|
|
||||||
*/
|
|
||||||
|
|
||||||
.popup-backdrop {
|
.popup-backdrop {
|
||||||
z-index: $z-index-popup-backdrop;
|
z-index: $z-index-popup-backdrop;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -33,8 +29,7 @@ $popup-backdrop-active-opacity: 0.4 !default;
|
|||||||
background-color: $popup-backdrop-color;
|
background-color: $popup-backdrop-color;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
tranform: translateZ(0);
|
tranform: translateZ(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
ion-popup {
|
ion-popup {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -74,17 +69,20 @@ ion-popup {
|
|||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3.popup-title {
|
h3.popup-title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-sub-title {
|
.popup-sub-title {
|
||||||
margin: 5px 0 0 0;
|
margin: 5px 0 0 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-body {
|
.popup-body {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
@ -109,15 +107,3 @@ h3.popup-title {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-open {
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
&.modal-open .modal {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-backdrop, .popup {
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
@ -1,5 +1,10 @@
|
|||||||
|
|
||||||
|
// Slides
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
$z-index-slider-pager: 1 !default;
|
$z-index-slider-pager: 1 !default;
|
||||||
|
|
||||||
|
|
||||||
.slides {
|
.slides {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -1,4 +1,7 @@
|
|||||||
|
|
||||||
|
// View
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
ion-view {
|
ion-view {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -18,7 +18,6 @@
|
|||||||
"components/toolbar/toolbar",
|
"components/toolbar/toolbar",
|
||||||
"components/toolbar/toolbar-buttons",
|
"components/toolbar/toolbar-buttons",
|
||||||
"components/action-menu/action-menu",
|
"components/action-menu/action-menu",
|
||||||
"components/alert/alert",
|
|
||||||
"components/aside/aside",
|
"components/aside/aside",
|
||||||
"components/badge/badge",
|
"components/badge/badge",
|
||||||
"components/button/button",
|
"components/button/button",
|
||||||
@ -50,7 +49,6 @@
|
|||||||
@import
|
@import
|
||||||
"components/toolbar/extensions/ios",
|
"components/toolbar/extensions/ios",
|
||||||
"components/action-menu/extensions/ios",
|
"components/action-menu/extensions/ios",
|
||||||
"components/alert/extensions/ios",
|
|
||||||
"components/button/extensions/ios",
|
"components/button/extensions/ios",
|
||||||
"components/card/extensions/ios",
|
"components/card/extensions/ios",
|
||||||
"components/checkbox/extensions/ios",
|
"components/checkbox/extensions/ios",
|
||||||
@ -74,7 +72,6 @@
|
|||||||
"components/toolbar/extensions/material",
|
"components/toolbar/extensions/material",
|
||||||
"components/app/extensions/material",
|
"components/app/extensions/material",
|
||||||
"components/action-menu/extensions/material",
|
"components/action-menu/extensions/material",
|
||||||
"components/alert/extensions/material",
|
|
||||||
"components/button/extensions/material",
|
"components/button/extensions/material",
|
||||||
"components/card/extensions/material",
|
"components/card/extensions/material",
|
||||||
"components/checkbox/extensions/material",
|
"components/checkbox/extensions/material",
|
||||||
|
Reference in New Issue
Block a user