diff options
| author | crupest <crupest@outlook.com> | 2020-06-04 16:11:03 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-06-04 16:11:03 +0800 |
| commit | ae19c40c795e14e8793744b7520e103523f6bda4 (patch) | |
| tree | 0c8e94645a4d1c72e0daaf422aa9e745da092a68 /Timeline/ClientApp/src/common | |
| parent | 5fc36fd7f7dbaa19ae4e8cc3f180ef5d57fc1cf6 (diff) | |
| download | timeline-ae19c40c795e14e8793744b7520e103523f6bda4.tar.gz timeline-ae19c40c795e14e8793744b7520e103523f6bda4.tar.bz2 timeline-ae19c40c795e14e8793744b7520e103523f6bda4.zip | |
refactor(front): Refactor scss to sass and refactor timeline styles.
Diffstat (limited to 'Timeline/ClientApp/src/common')
| -rw-r--r-- | Timeline/ClientApp/src/common/alert.sass | 15 | ||||
| -rw-r--r-- | Timeline/ClientApp/src/common/alert.scss | 20 | ||||
| -rw-r--r-- | Timeline/ClientApp/src/common/common.sass | 33 | ||||
| -rw-r--r-- | Timeline/ClientApp/src/common/common.scss | 38 |
4 files changed, 48 insertions, 58 deletions
diff --git a/Timeline/ClientApp/src/common/alert.sass b/Timeline/ClientApp/src/common/alert.sass new file mode 100644 index 00000000..c3560b87 --- /dev/null +++ b/Timeline/ClientApp/src/common/alert.sass @@ -0,0 +1,15 @@ +.alert-container
+ position: fixed
+ z-index: $zindex-popover
+
+@include media-breakpoint-up(sm)
+ .alert-container
+ bottom: 0
+ right: 0
+
+@include media-breakpoint-down(sm)
+ .alert-container
+ bottom: 0
+ right: 0
+ left: 0
+ text-align: center
diff --git a/Timeline/ClientApp/src/common/alert.scss b/Timeline/ClientApp/src/common/alert.scss deleted file mode 100644 index 09877727..00000000 --- a/Timeline/ClientApp/src/common/alert.scss +++ /dev/null @@ -1,20 +0,0 @@ -.alert-container {
- position: fixed;
- z-index: $zindex-popover;
-}
-
-@include media-breakpoint-up(sm) {
- .alert-container {
- bottom: 0;
- right: 0;
- }
-}
-
-@include media-breakpoint-down(sm) {
- .alert-container {
- bottom: 0;
- right: 0;
- left: 0;
- text-align: center;
- }
-}
diff --git a/Timeline/ClientApp/src/common/common.sass b/Timeline/ClientApp/src/common/common.sass new file mode 100644 index 00000000..78e6fd14 --- /dev/null +++ b/Timeline/ClientApp/src/common/common.sass @@ -0,0 +1,33 @@ +.image-cropper-container
+ position: relative
+ box-sizing: border-box
+ user-select: none
+
+.image-cropper-container img
+ position: absolute
+ left: 0
+ top: 0
+ width: 100%
+ height: 100%
+
+.image-cropper-mask-container
+ position: absolute
+ left: 0
+ top: 0
+ right: 0
+ bottom: 0
+ overflow: hidden
+
+.image-cropper-mask
+ position: absolute
+ box-shadow: 0 0 0 10000px rgba(255, 255, 255, 80%)
+ touch-action: none
+
+.image-cropper-handler
+ position: absolute
+ width: 26px
+ height: 26px
+ border: black solid 2px
+ border-radius: 50%
+ background: white
+ touch-action: none
diff --git a/Timeline/ClientApp/src/common/common.scss b/Timeline/ClientApp/src/common/common.scss deleted file mode 100644 index 5998c086..00000000 --- a/Timeline/ClientApp/src/common/common.scss +++ /dev/null @@ -1,38 +0,0 @@ -.image-cropper-container {
- position: relative;
- box-sizing: border-box;
- user-select: none;
-}
-
-.image-cropper-container img {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
-}
-
-.image-cropper-mask-container {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- overflow: hidden;
-}
-
-.image-cropper-mask {
- position: absolute;
- box-shadow: 0 0 0 10000px rgba(255, 255, 255, 80%);
- touch-action: none;
-}
-
-.image-cropper-handler {
- position: absolute;
- width: 26px;
- height: 26px;
- border: black solid 2px;
- border-radius: 50%;
- background: white;
- touch-action: none;
-}
|