틀토론:탭 편집하기

편집하면 당신의 IP 주소가 공개적으로 기록됩니다. 계정을 만들고 로그인하면 편집 시 사용자 이름만 보이며, 위키 이용에 여러 가지 편의가 주어집니다.

편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.

최신판 당신의 편집
7번째 줄: 7번째 줄:


=== 탭 디자인 변경 관련 논의 ===
=== 탭 디자인 변경 관련 논의 ===
{{완료된 토론 시작}}
[[주제:Vzrz48foc7ywsnzj]]의 대화를 옮겨 온 것입니다.  
[[주제:Vzrz48foc7ywsnzj]]의 대화를 옮겨 온 것입니다.  
{| class='wikitable mw-collapsible mw-collapsed' style='width:100%'  
{| class='wikitable'  
! 사용자  
! 사용자  
! 대화
! 대화
85번째 줄: 84번째 줄:
--[[사:Liebesfreud|Liebesfreud]] <small>([[특:기여/Liebesfreud|기여]]∙[[사토:Liebesfreud|토론]])</small> 2021년 1월 16일 (토) 23:45 (KST)
--[[사:Liebesfreud|Liebesfreud]] <small>([[특:기여/Liebesfreud|기여]]∙[[사토:Liebesfreud|토론]])</small> 2021년 1월 16일 (토) 23:45 (KST)
: [[:파일:스크린샷 2021-01-17 오전 1.09.44.png|파일]] / [[미디어:스크린샷 2021-01-17 오전 1.09.44.png |원본 크기]] 이런 형태가 됩니다. --[[사용자:Text-Justify|Text-Justify]] ([[사용자토론:Text-Justify|토론]]) 2021년 1월 17일 (일) 01:18 (KST)
: [[:파일:스크린샷 2021-01-17 오전 1.09.44.png|파일]] / [[미디어:스크린샷 2021-01-17 오전 1.09.44.png |원본 크기]] 이런 형태가 됩니다. --[[사용자:Text-Justify|Text-Justify]] ([[사용자토론:Text-Justify|토론]]) 2021년 1월 17일 (일) 01:18 (KST)
:: 다행이 많이 무너지진 않네요. 이전에 말씀드렸던 것처럼 상하 여백 조정이 가능하다면 찬성합니다. --[[사:Liebesfreud|Liebesfreud]] <small>([[특:기여/Liebesfreud|기여]]∙[[사토:Liebesfreud|토론]])</small> 2021년 1월 17일 (일) 15:44 (KST)


죄송하지만 시안에서 탭 디자인이 어떻게 바뀌었는지 잘 보이지 않습니다. 종전 디자인과의 비교 사진 같은 것을 만들어 주실 수 있습니까? --[[사용자:Jellanie|Jellanie]] ([[사용자토론:Jellanie|토론]]) 2021년 1월 17일 (일) 13:08 (KST)
죄송하지만 시안에서 탭 디자인이 어떻게 바뀌었는지 잘 보이지 않습니다. 종전 디자인과의 비교 사진 같은 것을 만들어 주실 수 있습니까? --[[사용자:Jellanie|Jellanie]] ([[사용자토론:Jellanie|토론]]) 2021년 1월 17일 (일) 13:08 (KST)
: 버튼과 내용 상자 사이에 여백 추가, 비활성 버튼에 회색 라인 추가, 내용 상자 가장자리가 둥글어짐 정도로 요약할 수 있겠습니다. --[[사:Liebesfreud|Liebesfreud]] <small>([[특:기여/Liebesfreud|기여]]∙[[사토:Liebesfreud|토론]])</small> 2021년 1월 17일 (일) 15:44 (KST)
: 내용 상자 곡선은 당장 적용하기 미묘해서 일단 편집안에서는 제외하고 보셔도 됩니다. --[[사용자:Text-Justify|Text-Justify]] ([[사용자토론:Text-Justify|토론]]) 2021년 1월 17일 (일) 16:18 (KST)
:: 오, 좀 더 탭 같아졌군요. {{찬성}}하겠습니다. --[[사용자:Jellanie|Jellanie]] ([[사용자토론:Jellanie|토론]]) 2021년 1월 18일 (월) 10:28 (KST)
서버 상태 회복 소식에 따라 적용했습니다. --[[사용자:Text-Justify|Text-Justify]] ([[사용자토론:Text-Justify|토론]]) 2021년 1월 21일 (목) 00:08 (KST)
{{완료된 토론 끝}}
== 제목과 내용 사이의 여백 ==
{{완료된 토론 시작}}
탭 틀을 자주 쓰면서 느끼는 건데 제목과 내용 사이의 여백이 너무 넓은 것 같더군요! 가능하면 줄이거나 아예 없애는 편이 미관상으로나 공간 절약으로나 좋지 않을까 싶습니다. 다만 style.css 쪽을 손봐야 하니 원래 작성 의도에 어긋날까봐 조금 조심스럽네요! --[[사용자:Unter|Unter]] ([[사용자토론:Unter|토론]]) 2021년 8월 6일 (금) 23:19 (KST)
: 미관상으로는 충분한 여백이 확보되는 편이 더 좋다고 보고 있습니다. --[[사용자:Text-Justify|<span style="color: #606060; font-weight: 300; font-family: Helvetica Neue, Helvetica;">Text-Justify</span>]] ([[사용자토론:Text-Justify|메시지]]) 2021년 8월 7일 (토) 21:28 (KST)
:: 그렇군요! 저는 그렇게 생각하지 않아서 여백을 없애고 싶은데, 여백을 조정하는 변수를 쓸 수  있으면 좋겠습니다! 사실 지금도 리듬 게임 수록곡 문서에서 개별적으로 style.css를 수정해서 쓰는 형식으로 탭의 여백을 조절해서 쓰고 있는데, 아예 탭 틀 쪽에서 조절하는 편이 관리면과 사용면에서 편하지 않을까 합니다! 뭐 안 된다면 여백을 조정한 탭2를 만들어서 써야겠지만요! --[[사용자:Unter|Unter]] ([[사용자토론:Unter|토론]]) 2021년 8월 7일 (토) 21:47 (KST)
:: <code><nowiki>|버튼여백좁게 = y</nowiki> </code> 처럼 넣을 경우 여백이 없어지도록 해봤습니다. --[[사용자:Text-Justify|<span style="color: #606060; font-weight: 300; font-family: Helvetica Neue, Helvetica;">Text-Justify</span>]] ([[사용자토론:Text-Justify|메시지]]) 2021년 8월 7일 (토) 22:21 (KST)
::: 오… 기대하지 않았는데 수정해주셨군요. 감사합니다! 마음에 쏙 드네요. 별도로 정보상자용 탭을 만들고 있었는데 수고를 덜었습니다! --[[사용자:Unter|Unter]] ([[사용자토론:Unter|토론]]) 2021년 8월 14일 (토) 07:20 (KST)
{{완료된 토론 끝}}
== [[미디어위키:common.js]] 틀 구현 부분 js 스크립트 교체 제안 ==
{{완료된 토론 시작}}
<syntaxhighlight lang="javascript">
document.querySelectorAll('.libre .libre-tab').forEach(function (libretab) {
    var $libretab = $(libretab);
    var $btns = $libretab.children('.libre-tab-btns');
    var $content = $libretab.children('.libre-tab-main');
    $btns.children('.libre-tab-btn').click(function () {
        if (this.classList.contains('.libre-tab-btn-active')) return;
        $btns.children('.libre-tab-btn-active').removeClass('libre-tab-btn-active');
        this.classList.add('libre-tab-btn-active');
        var index = $(this).index();
        $content.children('.libre-tab-main-content-active').removeClass('libre-tab-main-content-active');
        $content.children('.libre-tab-main-content').eq(index).addClass('libre-tab-main-content-active');
    });
})
</syntaxhighlight>
이 틀을 중첩해서 사용할 경우 내부에서 버튼을 누르면 부모의 버튼이 작동되는 버그가 있습니다. 제가 새로 짠 위의 코드에 약간의 수정을 가하여 교체할 것을 제안합니다. <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 6월 27일 (월) 17:17 (KST)
: [[틀:탭]]을 중첩해 사용할 수 있도록 개선하는 것은 환영하지만 코드에 관해서는 관련 지식이 부족해 의견을 내기 어렵습니다. 기존에 사용한 탭 문법에 영향을 끼치지 않고 로드가 지나치게 커지지만 않으면 바꿔도 좋다는 입장입니다. --[[사:Liebesfreud|Liebesfreud]] <small>(<span class="plainlinks">[https://librewiki.net/wiki/특수:기록?user=Liebesfreud 공개 기록]</span>·[[사토:Liebesfreud|토론]])</small> 2022년 6월 29일 (수) 14:24 (KST)
:: 부족한 실력으로 코드를 만들어서 높은 로드율을 발생시킬 지를 알 수가 없습니다. 탭이 수 십개 사용되면 성능 저하가 발생할 수 있는데 5개 이상 탭을 사용한 사례를 한번도 본적은 없는 것 같습니다. 성능상 괜찮을 것 같습니다. <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 6월 29일 (수) 14:30 (KST)
::: 테스트를 위해 개인 위키를 운영하고 있는 것으로 알고 있는데 [[틀:탭]]을 사용한 같은 위키 문서를 기존 common.js를 사용했을 때와 celurean님이 제시하신 common.js를 적용했을 때의 구문 분석기 프로파일링 데이터를 확인할 수 있을까요? 편집 화면에서 "미리 보기"를 누른 후 최하단에 노출됩니다. --[[사:Liebesfreud|Liebesfreud]] <small>(<span class="plainlinks">[https://librewiki.net/wiki/특수:기록?user=Liebesfreud 공개 기록]</span>·[[사토:Liebesfreud|토론]])</small> 2022년 6월 29일 (수) 14:39 (KST)
:::: js도 데이터에 찍히나요? <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 6월 29일 (수) 14:40 (KST)
::::: [https://caeruleum.kro.kr/wiki/%EC%8B%A4%ED%97%98%EC%8B%A4 실험실] 여기에 코드를 넣어놨습니다. <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 6월 29일 (수) 14:41 (KST)
<table class="preview-limit-report wikitable"><tbody><tr><th>CPU 시간 사용</th><td>0.065초</td></tr><tr><th>실제 시간 사용</th><td>0.066초</td></tr><tr><th>전처리기가 방문한 노드 수</th><td>4,313/1,000,000</td></tr><tr><th>전개한 뒤 포함 크기</th><td>30,558/2,097,152 바이트</td></tr><tr><th>틀 인수 크기</th><td>4,224/2,097,152 바이트</td></tr><tr><th>최대 전개 깊이</th><td>5/40</td></tr><tr><th>부하 높은 파서 함수 수</th><td>0/100</td></tr><tr><th>Unstrip 재귀 깊이</th><td>0/20</td></tr><tr><th>Unstrip 확장 후 크기</th><td>29,678/5,000,000 바이트</td></tr></tbody></table>
<table class="preview-limit-report wikitable"><tbody><tr><th>CPU 시간 사용</th><td>0.065초</td></tr><tr><th>실제 시간 사용</th><td>0.066초</td></tr><tr><th>전처리기가 방문한 노드 수</th><td>4,313/1,000,000</td></tr><tr><th>전개한 뒤 포함 크기</th><td>30,448/2,097,152 바이트</td></tr><tr><th>틀 인수 크기</th><td>4,224/2,097,152 바이트</td></tr><tr><th>최대 전개 깊이</th><td>5/40</td></tr><tr><th>부하 높은 파서 함수 수</th><td>0/100</td></tr><tr><th>Unstrip 재귀 깊이</th><td>0/20</td></tr><tr><th>Unstrip 확장 후 크기</th><td>29,678/5,000,000 바이트</td></tr></tbody></table>
여기선 차이는 없는 듯 합니다. <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 6월 29일 (수) 14:48 (KST)
: 리브레 위키 내에서도 시간만 제외하면 (현재 조금 로딩이 지연되는 것 같습니다.) 대부분의 데이터가 비슷하게 나왔습니다. ([[특수:고유링크/1601840]]) 중첩된 틀이 잘 작동하는지만 확인하면 될 것 같습니다. --[[사:Liebesfreud|Liebesfreud]] <small>(<span class="plainlinks">[https://librewiki.net/wiki/특수:기록?user=Liebesfreud 공개 기록]</span>·[[사토:Liebesfreud|토론]])</small> 2022년 6월 29일 (수) 14:52 (KST)
:: 리브레위키에서 기존에 적용된 스크립트 때문에 작동을 테스트할 수 없습니다. 방법이 있을까요? <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 6월 29일 (수) 15:00 (KST)
::: [https://caeruleum.kro.kr/wiki/%EC%9D%BC%EB%B3%B8%EC%96%B4%EC%82%AC%EC%A0%84:%E5%A5%BD%E3%81%8D%E3%81%A0 잘 작동이 되는 것 같습니다.] <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 6월 29일 (수) 15:03 (KST)
: 해당 기능은 사용자 단에서 이루어지기 때문에 미디어위키의 렌더링 시간은 유의미한 차이가 없을 겁니다. --'''[[사:Zlzleking|<span style="color: #3399FF;">Zlzleking</span>]]''' <small>([[사토:zlzleking|대화]]<nowiki>|</nowiki>[[특수:기여/zlzleking|편집 이력]])</small> 2022년 7월 3일 (일) 16:56 (KST)
:: 그럼 남은건 에러가 날 수 있는지 확인하는거네요. <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 7월 3일 (일) 18:16 (KST)
{{찬성}} 혹시 제가 놓친 부분이 있다면 안내 부탁드립니다. --[[사:Liebesfreud|Liebesfreud]] <small>(<span class="plainlinks">[https://librewiki.net/wiki/특수:기록?user=Liebesfreud 공개 기록]</span>·[[사토:Liebesfreud|토론]])</small> 2022년 6월 29일 (수) 15:05 (KST)
: 어.. 없는 것 같습니다. --<span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 6월 29일 (수) 15:07 (KST)
7월 7일에 운영진 요청으로 코드 반영을 요청합니다. <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 7월 3일 (일) 20:25 (KST)
{{완료된 토론 끝}}
리브레 위키에서의 모든 기여는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스로 배포됩니다(자세한 내용에 대해서는 리브레 위키:저작권 문서를 읽어주세요). 만약 여기에 동의하지 않는다면 문서를 저장하지 말아 주세요.
글이 직접 작성되었거나 호환되는 라이선스인지 확인해주세요. 리그베다 위키, 나무위키, 오리위키, 구스위키, 디시위키 및 CCL 미적용 사이트 등에서 글을 가져오실 때는 본인이 문서의 유일한 기여자여야 하고, 만약 본인이 문서의 유일한 기여자라는 증거가 없다면 그 문서는 불시에 삭제될 수 있습니다.
취소 편집 도움말 (새 창에서 열림)

| () [] [[]] {{}} {{{}}} · <!-- --> · [[분류:]] · [[파일:]] · [[미디어:]] · #넘겨주기 [[]] · {{ㅊ|}} · <onlyinclude></onlyinclude> · <includeonly></includeonly> · <noinclude></noinclude> · <br /> · <ref></ref> · {{각주}} · {|class="wikitable" · |- · rowspan=""| · colspan=""| · |}

이 문서에서 사용한 틀: