mirror of
https://github.com/twisterarmy/theme_nin.git
synced 2025-01-28 23:54:26 +00:00
add .following-own-modal SASS (import from nin-v1)
This commit is contained in:
parent
8f322ad7be
commit
2a770e3695
83
sass/layout/_following.sass
Normal file
83
sass/layout/_following.sass
Normal file
@ -0,0 +1,83 @@
|
||||
/********** FOLLOWING OWN ***********/
|
||||
|
||||
.following-own-modal
|
||||
.modal-content
|
||||
padding: 0
|
||||
.following-list
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
justify-content: space-evenly
|
||||
> li
|
||||
width: 48%
|
||||
margin: 2px
|
||||
padding-top: 12px
|
||||
padding-bottom: 8px
|
||||
border: solid 1px rgba(69, 71, 77, .1)
|
||||
background: #FFF
|
||||
text-align: center
|
||||
> div
|
||||
position: relative
|
||||
&:hover
|
||||
border-bottom: solid 1px $main-color-color
|
||||
.mini-profile-actions
|
||||
display: block
|
||||
.mini-profile-photo
|
||||
width: 64px
|
||||
height: 64px
|
||||
margin: 2px
|
||||
.mini-profile-name
|
||||
padding: 4px
|
||||
.mini-screen-name
|
||||
display: none
|
||||
.following-config
|
||||
width: 100%
|
||||
text-align: center
|
||||
margin: 4px
|
||||
.following-config button
|
||||
display: inline-block
|
||||
.mini-profile-actions
|
||||
display: none
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 8px
|
||||
.mini-profile-actions
|
||||
span
|
||||
cursor: pointer
|
||||
display: inline-block
|
||||
position: relative
|
||||
top: -12px
|
||||
right: -8px
|
||||
z-index: 10
|
||||
background: $main-color-color
|
||||
&:hover
|
||||
background: #AAA
|
||||
ul
|
||||
height: 0
|
||||
overflow: hidden
|
||||
position: absolute
|
||||
z-index: 20
|
||||
top: 8px
|
||||
right: -8px
|
||||
padding: 0
|
||||
background: #FFF
|
||||
transition: height .2s linear
|
||||
> li
|
||||
text-align: left
|
||||
white-space: nowrap
|
||||
color: rgba(0, 0, 0, .7)
|
||||
font-size: 12px
|
||||
margin: 0
|
||||
padding: 4px 16px 4px 8px
|
||||
border-bottom: solid 1px rgba(0, 0, 0, 0)
|
||||
background: #FFF
|
||||
&:hover
|
||||
border-bottom: solid 1px $main-color-color
|
||||
&:hover
|
||||
ul
|
||||
height: 57px
|
||||
box-shadow: 8px 10px 10px 0px rgba(0, 0, 0, .2)
|
||||
.swarm-status
|
||||
font-size: 11px
|
||||
display: block
|
||||
.latest-activity
|
||||
font-size: 11px
|
@ -1,60 +0,0 @@
|
||||
|
||||
.following
|
||||
width: $postboardWidth
|
||||
float: left
|
||||
h2
|
||||
display: none
|
||||
.following-list li
|
||||
border-bottom: 1px solid $main-background-color
|
||||
line-height: 45px
|
||||
background: $bloc-light-color
|
||||
position: relative
|
||||
+transition-property(background)
|
||||
+transition-duration(.1s)
|
||||
&:hover
|
||||
background: white
|
||||
|
||||
a
|
||||
display: block
|
||||
padding: $space
|
||||
width: 100%
|
||||
@extend .clear-fix
|
||||
color: $defaut-font-color
|
||||
|
||||
|
||||
.mini-profile-photo
|
||||
width: $mini-usr-img
|
||||
line-height: 0
|
||||
margin: 0 $space 0 0
|
||||
float: left
|
||||
.mini-profile-name
|
||||
font-size: 1rem
|
||||
font-weight: 500
|
||||
float: left
|
||||
display: block
|
||||
line-height: 1rem
|
||||
padding: 10px 0
|
||||
.mini-screen-name
|
||||
display: block
|
||||
float: left
|
||||
line-height: 1rem
|
||||
font-weight: 400
|
||||
font-size: 1rem
|
||||
padding: 10px
|
||||
color: #666
|
||||
b
|
||||
font-weight: 400
|
||||
padding: 0
|
||||
color: inherit
|
||||
font-size: inherit
|
||||
line-height: inherit
|
||||
.mini-profile-actions
|
||||
display: none
|
||||
.following-config
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
padding: $space
|
||||
|
||||
.swarm-status
|
||||
display: none!important
|
@ -17,12 +17,12 @@
|
||||
@import 'layout/_login'
|
||||
@import 'layout/_profile'
|
||||
@import 'layout/_postboard'
|
||||
@import 'layout/_following'
|
||||
@import 'layout/_groupchat'
|
||||
|
||||
// pages
|
||||
|
||||
@import 'pages/_profile'
|
||||
@import 'pages/_following'
|
||||
@import 'pages/_network'
|
||||
|
||||
@import 'layout/_tabs'
|
||||
|
Loading…
x
Reference in New Issue
Block a user