mirror of
https://github.com/wekan/wekan.git
synced 2026-01-06 17:48:49 +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
116
client/components/users/userAvatar.css
Normal file
116
client/components/users/userAvatar.css
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
.member {
|
||||
border-radius: 3px;
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
z-index: 1;
|
||||
text-decoration: none;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.member .avatar {
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.member .avatar.avatar-initials {
|
||||
height: 70%;
|
||||
width: 70%;
|
||||
padding: 15%;
|
||||
background-color: #dbdbdb;
|
||||
color: #444;
|
||||
position: absolute;
|
||||
}
|
||||
.member .avatar.avatar-image {
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.member .member-presence-status {
|
||||
background-color: #b3b3b3;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
height: 7px;
|
||||
width: 7px;
|
||||
position: absolute;
|
||||
right: -1px;
|
||||
bottom: -1px;
|
||||
border: 1px solid #fff;
|
||||
z-index: 15;
|
||||
}
|
||||
.member .member-presence-status.active {
|
||||
background: #64c464;
|
||||
border-color: #daf1da;
|
||||
}
|
||||
.member .member-presence-status.idle {
|
||||
background: #e4e467;
|
||||
border-color: #f7f7d4;
|
||||
}
|
||||
.member .member-presence-status.disconnected {
|
||||
background: #bdbdbd;
|
||||
border-color: #ededed;
|
||||
}
|
||||
.member .member-presence-status.pending {
|
||||
background: #e44242;
|
||||
border-color: #f1dada;
|
||||
}
|
||||
.member .edit-avatar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
background: #000;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
opacity: 0;
|
||||
}
|
||||
.member .edit-avatar:hover {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.member .edit-avatar i.fa-pencil {
|
||||
color: #fff;
|
||||
}
|
||||
.member.add-member {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 0 0 2px #bfbfbf inset;
|
||||
}
|
||||
.member.add-member:hover,
|
||||
.member.add-member.is-active {
|
||||
box-shadow: 0 0 0 2px #666 inset;
|
||||
}
|
||||
.atMention {
|
||||
background: #dbdbdb;
|
||||
border-radius: 3px;
|
||||
padding: 1px 4px;
|
||||
margin: -1px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.atMention.me {
|
||||
background: #cfdfe8;
|
||||
}
|
||||
.mini-profile-info {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.mini-profile-info .info {
|
||||
padding-top: 5px;
|
||||
}
|
||||
.mini-profile-info .info h3,
|
||||
.mini-profile-info .info p {
|
||||
margin-bottom: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.mini-profile-info .info p {
|
||||
padding-top: 0;
|
||||
}
|
||||
.mini-profile-info .member {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
|
@ -1,118 +0,0 @@
|
|||
@import 'nib'
|
||||
|
||||
avatar-radius = 50%
|
||||
|
||||
.member
|
||||
border-radius: 3px
|
||||
display: block
|
||||
position: relative
|
||||
float: left
|
||||
height: 30px
|
||||
width: @height
|
||||
cursor: pointer
|
||||
user-select: none
|
||||
z-index: 1
|
||||
text-decoration: none
|
||||
border-radius: avatar-radius
|
||||
|
||||
.avatar
|
||||
overflow: hidden
|
||||
border-radius: avatar-radius
|
||||
|
||||
&.avatar-initials
|
||||
height: 70%
|
||||
width: @height
|
||||
padding: 15%
|
||||
background-color: #dbdbdb
|
||||
color: #444444
|
||||
position: absolute
|
||||
|
||||
&.avatar-image
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
height: 100%
|
||||
width: @height
|
||||
|
||||
.member-presence-status
|
||||
background-color: #b3b3b3
|
||||
border: 1px solid #fff
|
||||
border-radius: 50%
|
||||
height: 7px
|
||||
width: @height
|
||||
position: absolute
|
||||
right: -1px
|
||||
bottom: -1px
|
||||
border: 1px solid white
|
||||
z-index: 15
|
||||
|
||||
&.active
|
||||
background: #64c464
|
||||
border-color: #daf1da
|
||||
|
||||
&.idle
|
||||
background: #e4e467
|
||||
border-color: #f7f7d4
|
||||
|
||||
&.disconnected
|
||||
background: #bdbdbd
|
||||
border-color: #ededed
|
||||
|
||||
&.pending
|
||||
background: #e44242
|
||||
border-color: #f1dada
|
||||
|
||||
.edit-avatar
|
||||
position: absolute
|
||||
top: 0
|
||||
height: 100%
|
||||
width: 100%
|
||||
border-radius: avatar-radius
|
||||
background: black
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: center
|
||||
opacity: 0
|
||||
|
||||
&:hover
|
||||
opacity: 0.6
|
||||
|
||||
i.fa-pencil
|
||||
color: white
|
||||
|
||||
|
||||
&.add-member
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: center
|
||||
box-shadow: 0 0 0 2px darken(white, 25%) inset
|
||||
|
||||
&:hover, &.is-active
|
||||
box-shadow: 0 0 0 2px darken(white, 60%) inset
|
||||
|
||||
.atMention
|
||||
background: #dbdbdb
|
||||
border-radius: 3px
|
||||
padding: 1px 4px
|
||||
margin: -1px 0
|
||||
display: inline-block
|
||||
|
||||
&.me
|
||||
background: #cfdfe8
|
||||
|
||||
.mini-profile-info
|
||||
margin-top: 10px
|
||||
|
||||
.info
|
||||
padding-top: 5px
|
||||
|
||||
h3, p
|
||||
margin-bottom: 0
|
||||
padding-left: 0
|
||||
|
||||
p
|
||||
padding-top: 0
|
||||
|
||||
.member
|
||||
width: 50px
|
||||
height: @width
|
||||
margin-right: 10px
|
||||
94
client/components/users/userForm.css
Normal file
94
client/components/users/userForm.css
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
.auth-layout .at-form-landing-logo {
|
||||
width: 249px;
|
||||
margin: auto;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.auth-layout .auth-dialog {
|
||||
width: 275px;
|
||||
padding: 25px;
|
||||
margin: auto;
|
||||
margin-bottom: 20px;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #dbdbdb;
|
||||
border-bottom-color: #c2c2c2;
|
||||
box-shadow: 0 1px 6px rgba(0,0,0,0.3);
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form .at-link {
|
||||
color: #17683a;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form label {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form input {
|
||||
width: 100%;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form button {
|
||||
width: 100%;
|
||||
background: #216694;
|
||||
color: #fff;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form .at-title {
|
||||
background: #f7f7f7;
|
||||
margin: -25px;
|
||||
padding: 15px 25px 5px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
color: #4d4d4d;
|
||||
font-weight: bold;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form .at-signup-link,
|
||||
.auth-layout .auth-dialog .at-form .at-signin-link,
|
||||
.auth-layout .auth-dialog .at-form .at-forgotPwd {
|
||||
font-size: 0.9em;
|
||||
margin-top: 15px;
|
||||
color: #4d4d4d;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form .at-signup-link .at-signUp,
|
||||
.auth-layout .auth-dialog .at-form .at-signin-link .at-signUp,
|
||||
.auth-layout .auth-dialog .at-form .at-forgotPwd .at-signUp,
|
||||
.auth-layout .auth-dialog .at-form .at-signup-link .at-signIn,
|
||||
.auth-layout .auth-dialog .at-form .at-signin-link .at-signIn,
|
||||
.auth-layout .auth-dialog .at-form .at-forgotPwd .at-signIn {
|
||||
font-weight: bold;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form-lang {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form-lang .select-lang {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
.auth-layout {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.auth-layout .at-form-landing-logo {
|
||||
width: 125px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 20px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.auth-layout .at-form-landing-logo img {
|
||||
width: 125px;
|
||||
}
|
||||
.auth-layout .auth-dialog {
|
||||
width: calc(100% - 50px);
|
||||
height: calc(100% - 50px);
|
||||
padding: 25px;
|
||||
min-height: 380px;
|
||||
margin: 0px;
|
||||
margin-bottom: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
.auth-layout .auth-dialog .at-form .at-title h3 {
|
||||
width: calc(100% - 125px);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,95 +0,0 @@
|
|||
@import 'nib'
|
||||
|
||||
.auth-layout
|
||||
.at-form-landing-logo
|
||||
width: 249px
|
||||
margin: auto
|
||||
margin-top: 50px
|
||||
margin-bottom: 20px
|
||||
|
||||
.auth-dialog
|
||||
width: 275px
|
||||
padding: 25px
|
||||
margin: auto
|
||||
margin-bottom: 20px
|
||||
background: #fff
|
||||
border-radius: 3px
|
||||
border: 1px solid #dbdbdb
|
||||
border-bottom-color: #c2c2c2
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, .3)
|
||||
|
||||
.at-form
|
||||
|
||||
.at-link
|
||||
color: darken(#27AE60, 40%)
|
||||
|
||||
label
|
||||
margin-bottom: 3px
|
||||
|
||||
input
|
||||
width: 100%
|
||||
|
||||
button
|
||||
width: 100%
|
||||
background: #216694
|
||||
color: #fff
|
||||
|
||||
.at-title
|
||||
background: #F7F7F7
|
||||
margin: -25px
|
||||
padding: 15px 25px 5px
|
||||
margin-bottom: 20px
|
||||
border-bottom: 1px solid #dcdcdc
|
||||
color: darken(white, 70%)
|
||||
font-weight: bold
|
||||
|
||||
.at-signup-link,
|
||||
.at-signin-link,
|
||||
.at-forgotPwd
|
||||
font-size: 0.9em
|
||||
margin-top: 15px
|
||||
color: darken(white, 70%)
|
||||
|
||||
.at-signUp,
|
||||
.at-signIn
|
||||
font-weight: bold
|
||||
|
||||
.at-form-lang
|
||||
margin-top: 0px
|
||||
|
||||
.select-lang
|
||||
width: 100%
|
||||
margin-top: 10px
|
||||
|
||||
@media screen and (max-width: 800px)
|
||||
.auth-layout
|
||||
width: 100%
|
||||
height: 100%
|
||||
margin: 0px
|
||||
padding: 0px
|
||||
|
||||
.at-form-landing-logo
|
||||
width: 125px
|
||||
position: absolute
|
||||
top: 0px
|
||||
right: 20px
|
||||
margin-top: 5px
|
||||
margin-bottom: 5px
|
||||
|
||||
img
|
||||
width: 125px
|
||||
|
||||
.auth-dialog
|
||||
width: calc(100% - 50px)
|
||||
height: calc(100% - 50px)
|
||||
padding: 25px
|
||||
min-height: 380px
|
||||
margin: 0px
|
||||
margin-bottom: 0px
|
||||
border: 0px
|
||||
|
||||
.at-form
|
||||
.at-title
|
||||
h3
|
||||
width: calc(100% - 125px)
|
||||
overflow-x: hidden
|
||||
Loading…
Add table
Add a link
Reference in a new issue