rhymix/modules/editor/components/emoticon/tpl/popup.less
Min-Soo Kim 538346f9a6
Improve emoticon component to contain information of icons (#1078)
# Fix emoticon component to contain information of icons

- 이모티콘 컴포넌트의 이모티콘에 정보를 담을 수 있게 수정.
- 라이선스 정보도 담을 수 있고, 제작자 정보도 담길 수 있음.
- 정보를 담는 양식은 일반적인 skin.xml 형식을 그대로 따름.

# 이모티콘 컴포넌트 키보드 접근성 개선

- 키보드로 이모티콘 선택, 입력이 가능해짐.

# 사용권이 불분명한 msn 이모티콘 제거

- 기본 이모티콘이었던 msn 이모티콘의 사용권 문제가 불명확 했음.
- 기본 이모티콘을 트위터가 배포하는 트위모지로 변경.

# 이모티콘 SVG 지원

- 기본은 래스터 이미지. 같은 이름의 SVG 파일이 ./svg 디렉토리에 있으면 SVG를 지원하는 브라우저에서 반영됨.
2018-08-21 00:44:09 +09:00

61 lines
No EOL
898 B
Text

@charset "UTF-8";
#emoticons{
padding:0 10px 20px 10px;
input.emoticon{
display: inline-block;
margin:5px;
cursor:pointer;
}
}
div.rx_tab {
width: 100%;
white-space: nowrap;
border-bottom: 1px solid #e0e0e0;
box-sizing: border-box;
ul.rx_tab {
display: block;
list-style: outside none none;
margin: 0;
text-decoration: none;
&>li {
display: inline-block;
height: 40px;
line-height: 18px;
position: relative;
a {
display: inline-block;
color: #000;
font-weight: 400;
letter-spacing: -1px;
line-height: 40px;
text-decoration: none;
span {
border-left: 1px solid #e0e0e0;
padding: 0 15px;
}
}
a:hover,
a:focus,
&.rx_active a
{
color: #2196f3;
}
&:first-child a span {
border-left: 0 none;
}
}
}
}
/* for mobile view */
div.xe_mobile {
display:none!important;
}