Merge pull request #9866 from opf/housekeeping/remove-unused-file

Remove unused file
pull/9869/head
Henriette Darge 3 years ago committed by GitHub
commit bea6c64f31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 370
      frontend/src/global_styles/content/_notifications.sass

@ -1,370 +0,0 @@
//-- copyright
// OpenProject is an open source project management software.
// Copyright (C) 2012-2021 the OpenProject GmbH
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
//
// See COPYRIGHT and LICENSE files for more details.
//++
// NOTE: these are demo ski
//nm - toaster messages
//pb - progress bar
$nm-font-size: rem-calc(13px)
$nm-border-radius: rem-calc(2px)
$nm-box-padding: rem-calc(10px 35px 10px 35px)
$nm-toaster-width: rem-calc(550)
$nm-color-error-background: #fedada
$nm-color-success-border: #35c53f
$nm-color-success-icon: #35c53f
$nm-color-success-background: #d8fdd1
$nm-color-warning-border: #b5b078
$nm-color-warning-icon: #333
$nm-color-warning-background: #f4f4aa
$nm-color-info-icon: #333
$nm-color-border: #8fc0db
$nm-color-background: #e3f5ff
$nm-padding-box: rem-calc(10px)
$nm-pb-border-color: $nm-color-border
$nm-pb-regress-color: whiteSmoke
$nm-pb-border-radius: rem-calc(6)
$nm-pb-height: rem-calc(20)
$nm-upload-status-font-size: rem-calc(18)
$nm-upload-file-status-icon-size: rem-calc(12)
$nm-upload-box-padding: rem-calc(15) rem-calc(25)
%nm-icon-error
@include icon-mixin-error
color: var(--content-form-danger-zone-bg-color)
%nm-icon-success
@include icon-mixin-checkmark
color: $nm-color-success-icon
%nm-icon-warning
@include icon-mixin-attention
color: $nm-color-warning-icon
%nm-icon-info
@include icon-mixin-info1
color: $nm-color-info-icon
%nm-icon-enterprise
@include icon-mixin-enterprise
color: $nm-color-info-icon
%error-placeholder
background-color: $nm-color-error-background
border-color: var(--content-form-danger-zone-bg-color)
%success-placeholder
background-color: $nm-color-success-background
border-color: $nm-color-success-border
%warning-placeholder
background-color: $nm-color-warning-background
border-color: $nm-color-warning-border
%info-placeholder
background-color: $nm-color-background
border-color: $nm-color-border
@mixin messages-icon($top:rem-calc(11), $left:rem-calc(10), $size:rem-calc(18))
@include icon-font-common
position: absolute
top: $top
left: $left
font-size: $size
.op-toast
@extend %toaster
z-index: 21
+toaster-layout($x: left, $y: top, $size: auto, $offset: rem-calc(0))
+toaster-style($background: $nm-color-background, $color: var(--body-font-color), $padding: $nm-padding-box, $radius: $nm-border-radius)
.toaster-icon
+toaster-icon($size: $toaster-icon-size, $margin: $toaster-icon-margin, $align: $toaster-icon-align)
display: flex
box-shadow: rem-calc(1px 2px 3px) rgba(0, 0, 0, 0.2)
border: rem-calc(1px) solid $nm-color-border
font-size: $nm-font-size
word-wrap: break-word
& .button
margin: rem-calc(10px 10px 0 0)
.op-toast--close
position: absolute
top: rem-calc(12px)
right: rem-calc(12px)
background-color: rgba(0, 0, 0, 0)
border-radius: rem-calc(50px)
width: 1rem
height: 1rem
text-align: center
line-height: rem-calc(20px)
&:hover
text-decoration: none
&.-error,
&.-success,
&.-warning,
&.-info,
&.-ee-upsale
padding: $nm-box-padding
&.-error
@extend %error-placeholder
&::before
@include messages-icon
@extend %nm-icon-error
&.-success
@extend %success-placeholder
&::before
@include messages-icon
@extend %nm-icon-success
&.-warning
@extend %warning-placeholder
&::before
@include messages-icon
@extend %nm-icon-warning
&.-info::before
@extend %info-placeholder
@include messages-icon
@extend %nm-icon-info
&.-ee-upsale::before
@extend %info-placeholder
@include messages-icon
@extend %nm-icon-enterprise
&.-upload
padding: $nm-upload-box-padding
//@hack adapting to provided styles
//messy I dont have all the details for a magic resolve, this might change
& p, & ul
margin-bottom: 0
& p, & ul>li, & .button
font-size: $nm-font-size
[class^="icon-"]
&.-error
color: var(--content-form-danger-zone-bg-color)
&.-success
color: $nm-color-success-icon
&.-warning
color: $nm-color-warning-icon
&.-info
color: $nm-color-info-icon
.op-toast--wrapper,
.flash, #errorExplanation
position: absolute
max-width: $nm-toaster-width
margin: 0 auto
left: 10%
right: 10%
.op-toast--wrapper
z-index: 10000 // Higher than loading indicator and modal wrapper!
top: 4rem
.op-toast--casing
position: relative
.op-toast
margin-bottom: rem-calc(3px)
.flash, #errorExplanation
top: 1rem
// awesome animations
.op-toast
&.ng-enter
transition: opacity 0.5s ease
opacity: 0
&.ng-enter.ng-enter-active
opacity: 1
&.ng-leave
transition: opacity 2s ease
opacity: 1
&.ng-leave.ng-leave-active
opacity: 0
.op-toast--content
width: 100%
> p
margin-bottom: 0
color: var(--body-font-color)
progress[value]
@extend %progress-styles
&::-moz-progress-bar
border-radius: $nm-pb-border-radius
&::-webkit-progress-bar
background-color: $nm-pb-regress-color
border-radius: $nm-pb-border-radius
&::-webkit-progress-value
border-radius: $nm-pb-border-radius
// upload toaster styles
%progress-styles
appearance: none
border-radius: $nm-pb-border-radius
height: $nm-pb-height
animation: animate-stripes 5s linear infinite
background-color: $nm-pb-regress-color
border: rem-calc(1) solid $nm-pb-border-color
color: var(--primary-color-dark)
margin: 0
.op-toast--toggle-message
font-size: rem-calc(16)
margin: rem-calc(5 0 15 0)
.op-toast--uploads
list-style: none
padding: 0
margin: 0
.op-toast--uploads-element
margin: rem-calc(5 0)
.filename
font-weight: bold
[class^="icon-"]
font-size: $nm-upload-file-status-icon-size
.op-toast--upload-status
font-size: $nm-upload-status-font-size !important
line-height: $nm-upload-status-font-size !important
.op-toast--notice
border-radius: $nm-border-radius
border-style: solid
border-width: rem-calc(1)
padding: rem-calc(5)
margin: rem-calc(5 0)
&.-error
@extend %error-placeholder
&.-success
@extend %success-placeholder
&.-warning
@extend %warning-placeholder
// Use same styles for flash messages
.flash, #errorExplanation
border-radius: $nm-border-radius
border-style: solid
border-width: rem-calc(1)
font-size: $nm-font-size
line-height: 1.6
padding: $nm-box-padding
box-shadow: rem-calc(1px 2px 3px) rgba(0, 0, 0, 0.2)
margin-bottom: 0.1875rem
margin-top: 0.5rem
z-index: 15
&.ng-leave
@include animation(0.5s fade-out)
a
text-decoration: none
cursor: default
ul
font-size: $nm-font-size
margin: 0 0 0 30px
.close-handler
float: none
position: absolute
right: rem-calc(11)
top: rem-calc(11)
cursor: pointer
&::before
@include messages-icon
padding: 0 !important
&.notice
@extend %success-placeholder
&::before
@extend %nm-icon-success
color: $nm-color-success-icon
&.error, &.nodata
@extend %error-placeholder
&::before
@extend %nm-icon-error
color: var(--content-form-danger-zone-bg-color)
&.info
@extend %info-placeholder
&::before
@include messages-icon
@extend %nm-icon-info
&::before
@extend %nm-icon-info
color: $nm-color-info-icon
&.warning
@extend %warning-placeholder
&::before
@extend %nm-icon-warning
color: $nm-color-warning-icon
.flash + .flash
margin-top: 3rem
a.op-toast--target-link
cursor: pointer
text-decoration: underline
#errorExplanation
@extend %error-placeholder
top: rem-calc(68px)
&::before
color: var(--content-form-danger-zone-bg-color) !important
&.-inline
position: relative
top: 0
left: 0
Loading…
Cancel
Save