mirror of
https://github.com/wekan/wekan.git
synced 2026-01-25 18:56:10 +01:00
Converted Stylus to CSS. Removed Stylus. This change removed many error messages.
Thanks to xet7 !
This commit is contained in:
Lauri Ojansivu
parent
01a1a2cdce
commit
072778b9aa
104 changed files with 9370 additions and 7642 deletions
67
client/components/notifications/notification.css
Normal file
67
client/components/notifications/notification.css
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
#notifications-drawer.show-read .notification.read {
|
||||
display: flex;
|
||||
}
|
||||
#notifications-drawer .notification {
|
||||
display: flex;
|
||||
float: none;
|
||||
padding: 15px 8px 8px;
|
||||
color: #000;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
}
|
||||
#notifications-drawer .notification.read {
|
||||
display: none;
|
||||
}
|
||||
#notifications-drawer .notification .read-status {
|
||||
width: 30px;
|
||||
padding: 0px 10px 0px 0px;
|
||||
}
|
||||
#notifications-drawer .notification .read-status input {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
#notifications-drawer .notification .read-status .activity-type {
|
||||
margin: 16px 0 0;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
font-size: 17px;
|
||||
display: block;
|
||||
color: #bbb;
|
||||
}
|
||||
#notifications-drawer .notification .details .activity a.member {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
#notifications-drawer .notification .details .activity a.member svg {
|
||||
padding: 3px;
|
||||
}
|
||||
#notifications-drawer .notification .details .activity .activity-desc {
|
||||
margin: 0px 0px 0px 5px;
|
||||
}
|
||||
#notifications-drawer .notification .details .activity .activity-comment {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
|
||||
margin-top: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
#notifications-drawer .notification .details .activity .activity-meta {
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
color: #999;
|
||||
font-style: italic;
|
||||
}
|
||||
#notifications-drawer .notification .remove a:hover {
|
||||
color: #eb4646 !important;
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
#notifications-drawer .notification {
|
||||
height: auto;
|
||||
}
|
||||
#notifications-drawer .notification .details .activity a.member {
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
#notifications-drawer
|
||||
&.show-read .notification.read
|
||||
display: flex
|
||||
|
||||
.notification
|
||||
display: flex
|
||||
float: none
|
||||
padding: 15px 8px 8px
|
||||
color: black
|
||||
border-bottom: 1px solid #dbdbdb
|
||||
|
||||
&.read
|
||||
display: none
|
||||
|
||||
.read-status
|
||||
width: 30px
|
||||
padding: 0px 10px 0px 0px
|
||||
|
||||
input
|
||||
width: 24px
|
||||
height: 24px
|
||||
|
||||
.activity-type
|
||||
margin: 16px 0 0
|
||||
width: 17px
|
||||
height: 17px
|
||||
font-size: 17px
|
||||
display: block
|
||||
color: #bbb
|
||||
|
||||
.details
|
||||
.activity
|
||||
a.member
|
||||
margin: 0px 0px 0px 0px
|
||||
padding: 0px
|
||||
|
||||
svg
|
||||
padding: 3px
|
||||
|
||||
.activity-desc
|
||||
margin: 0px 0px 0px 5px
|
||||
|
||||
.activity-comment
|
||||
display: block
|
||||
width: 100%
|
||||
border-radius: 3px
|
||||
background: #fff
|
||||
text-decoration: none
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.2)
|
||||
margin-top: 5px
|
||||
padding: 5px
|
||||
|
||||
.activity-meta
|
||||
display: block
|
||||
font-size: 0.8em
|
||||
color: #999
|
||||
font-style: italic
|
||||
|
||||
.remove
|
||||
a:hover
|
||||
color #eb4646 !important
|
||||
|
||||
@media screen and (max-width: 800px)
|
||||
#notifications-drawer
|
||||
.notification
|
||||
height: auto
|
||||
|
||||
.details
|
||||
.activity
|
||||
a.member
|
||||
height: 36px
|
||||
width: 36px
|
||||
17
client/components/notifications/notifications.css
Normal file
17
client/components/notifications/notifications.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
#notifications {
|
||||
position: relative;
|
||||
}
|
||||
#notifications .notifications-drawer-toggle {
|
||||
display: block;
|
||||
line-height: 28px;
|
||||
color: #f2f2f2;
|
||||
margin: 0 10px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
text-align: center;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#notifications .notifications-drawer-toggle.alert {
|
||||
background-color: #eb4646;
|
||||
}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
#notifications
|
||||
position: relative
|
||||
|
||||
.notifications-drawer-toggle
|
||||
display: block
|
||||
line-height: 28px
|
||||
color: #f2f2f2
|
||||
margin: 0 10px
|
||||
width: 28px
|
||||
height: 28px
|
||||
text-align: center
|
||||
border: 0
|
||||
padding: 0
|
||||
|
||||
&.alert
|
||||
background-color: #eb4646;
|
||||
|
||||
67
client/components/notifications/notificationsDrawer.css
Normal file
67
client/components/notifications/notificationsDrawer.css
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
section#notifications-drawer {
|
||||
position: fixed;
|
||||
top: 48px;
|
||||
right: 0;
|
||||
width: 400px;
|
||||
background-color: #fafafa;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
|
||||
border-radius: 2px;
|
||||
max-height: calc(100vh - 28px - 36px);
|
||||
color: #000;
|
||||
padding-top: 36px;
|
||||
}
|
||||
section#notifications-drawer a:hover {
|
||||
color: #2980b9 !important;
|
||||
}
|
||||
section#notifications-drawer .header {
|
||||
position: fixed;
|
||||
top: 48px;
|
||||
right: 0;
|
||||
width: calc(400px - 32px);
|
||||
padding: 8px 16px;
|
||||
background: #ededed;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
z-index: 2;
|
||||
}
|
||||
section#notifications-drawer .header .toggle-read {
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
top: calc(50% - 8px);
|
||||
color: #2980b9;
|
||||
}
|
||||
section#notifications-drawer .header h5 {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
section#notifications-drawer .header .close {
|
||||
position: absolute;
|
||||
top: calc(50% - 12px);
|
||||
right: 12px;
|
||||
font-size: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
opacity: 1;
|
||||
}
|
||||
section#notifications-drawer .all-read,
|
||||
section#notifications-drawer .remove-read {
|
||||
color: #2980b9;
|
||||
background-color: #fafafa;
|
||||
margin: 8px 16px 12px;
|
||||
display: inline-block;
|
||||
}
|
||||
section#notifications-drawer .remove-read {
|
||||
float: right;
|
||||
}
|
||||
section#notifications-drawer .remove-read:hover {
|
||||
color: #eb4646 !important;
|
||||
}
|
||||
section#notifications-drawer .remove-read:hover i.fa {
|
||||
color: inherit;
|
||||
}
|
||||
section#notifications-drawer ul.notifications {
|
||||
display: block;
|
||||
padding: 0px 16px 0px 16px;
|
||||
margin: 0;
|
||||
height: calc(100vh - 122px);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
belize = #2980b9
|
||||
|
||||
section#notifications-drawer
|
||||
position: fixed
|
||||
top: 48px
|
||||
right: 0
|
||||
width: 400px
|
||||
background-color: #fafafa
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.15)
|
||||
border-radius: 2px
|
||||
max-height: calc(100vh - 28px - 36px)
|
||||
color: black
|
||||
padding-top 36px
|
||||
|
||||
a:hover
|
||||
color: belize !important
|
||||
|
||||
.header
|
||||
position: fixed
|
||||
top 48px
|
||||
right 0
|
||||
width calc(400px - 32px)
|
||||
padding: 8px 16px
|
||||
background: #ededed
|
||||
border-bottom: 1px solid #dbdbdb
|
||||
z-index 2
|
||||
|
||||
.toggle-read
|
||||
position absolute
|
||||
left 16px
|
||||
top calc(50% - 8px)
|
||||
color belize
|
||||
|
||||
h5
|
||||
text-align: center
|
||||
margin: 0
|
||||
|
||||
.close
|
||||
position: absolute
|
||||
top: calc(50% - 12px)
|
||||
right: 12px
|
||||
font-size: 24px
|
||||
height: 24px
|
||||
line-height: 24px
|
||||
opacity 1
|
||||
|
||||
.all-read,
|
||||
.remove-read
|
||||
color belize
|
||||
background-color: #fafafa
|
||||
margin 8px 16px 12px
|
||||
display inline-block
|
||||
|
||||
.remove-read
|
||||
float right
|
||||
|
||||
&:hover
|
||||
color #eb4646 !important
|
||||
|
||||
i.fa
|
||||
color inherit
|
||||
|
||||
|
||||
ul.notifications
|
||||
display: block
|
||||
padding: 0px 16px 0px 16px
|
||||
margin: 0
|
||||
height: calc(100vh - 122px)
|
||||
overflow-y: scroll
|
||||
Loading…
Add table
Add a link
Reference in a new issue