AD

 CSS 트게더콘 추가로 인한 버튼 배열 수정

Broadcaster Million_Air
2022-02-18 11:11:49 184 0 0

2022년 2월 16일 트게더 업뎃으로

트게더 콘이라는 녀석이 추가됨

0e911c04-3e2f-4af9-8b90-b0d9a5b8ebb7<- 이 녀석


암튼 이 녀석이 생기면서

a45d50947510c3d6adb9e6074a1bfb7a.png

이런식으로 붙어서 보기가 좋지 않다.

그래서 기존에 모바일에서 썼던 거(링크) 갖고 와서 수정해 봄



데스크톱

#comment-write-form #comment-write-button-area {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}

label.pull-left { width: 100%; }
#addEmoteBtn, #anonToggleBtn, #secretToggleBtn,
#btnRereplyCancelBtn { margin-right: 3px; }
#writeCommentBtn { margin-left: auto; }



1. 기본
af04764337c6c1941de4136d15865613.png
2.대댓글
b643fb89b9b2ee2fec9a45e99df90331.png

3.비밀 댓글

cc564007f42ffbc724d811dd05d00d73.png

4.비밀 대댓글

25e31da9383fcf972388d31dcdf553fa.png




모바일

#comment-write-form #comment-write-button-area {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}


#comment-write-form #comment-write-button-area>.buttons { flex: unset; }
label.pull-left { margin-bottom: 5px; margin-right: calc(100% - 100px); }
#addEmoteBtn, #anonToggleBtn, #secretToggleBtn,
#btnRereplyCancelBtn { margin-right: 3px; }
#writeCommentBtn { flex: 1; }



1. 기본
d6849cc4f9cc0063921dc1ef57d866d6.png

2. 대댓글
5dca81cd1a6fc434db53606a60b54f9e.png

3. 비밀 댓글
fba6fefc00617039aa8f2d18b3a2fc36.png

4. 비밀 대댓글
aa3215643c9fbccbdfd7db6aba059fb3.png

CSS, Million_Air, 트게더, 꾸미기,디자인

후원댓글 0
댓글 0개  
이전 댓글 더 보기
TWIP 잔액: 확인중
▼아랫글 배경용 패턴 디자인 Million_Air
 공지 메모장 자료실 CSS 정보 추천 건의함 Q&A
0
 CSS
CSS 선택자
Broadcaster Million_Air
10-12
0
 자료실
트게더 CSS 테스트 [3]
Broadcaster Million_Air
09-07
0
 정보
FontAwesome Icon 사용하기
Broadcaster Million_Air
08-28
1
 CSS
의사클래스 :is
Broadcaster Million_Air
05-15
0
02-27
1
 자료실
배경용 패턴 디자인
Broadcaster Million_Air
01-21
0
01-11
0
01-11
2
 정보
나이트봇 200% 활용하기 [1]
Broadcaster Million_Air
06-23
2
 자료실
트게더 Fontawesome 리스트 [1]
Broadcaster Million_Air
12-09
인기글 글 쓰기