Adjust tab classes to Bootstrap 4

This commit is contained in:
Andreas Nedbal 2020-04-25 19:02:39 +02:00
parent a9812f5800
commit e15cedd56c
2 changed files with 16 additions and 16 deletions

View file

@ -11,12 +11,12 @@
%p= t 'views.discover.content.desc' %p= t 'views.discover.content.desc'
%div{role: "tabpanel"} %div{role: "tabpanel"}
%ul.nav.nav-tabs{role: "tablist"} %ul.nav.nav-tabs{role: "tablist"}
%li.active{role: "presentation"} %li.nav-item{role: "presentation"}
%a{href: "#answers", role: "tab", aria: {controls: "answers"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.answers' %a.nav-link.active{href: "#answers", role: "tab", aria: {controls: "answers"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.answers'
%li{role: "presentation"} %li.nav-item{role: "presentation"}
%a{href: "#questions", role: "tab", aria: {controls: "questions"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.questions' %a.nav-link{href: "#questions", role: "tab", aria: {controls: "questions"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.questions'
%li{role: "presentation"} %li.nav-item{role: "presentation"}
%a{href: "#comments", role: "tab", aria: {controls: "comments"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.comments' %a.nav-link{href: "#comments", role: "tab", aria: {controls: "comments"}, data: {toggle: "tab"}}= t 'views.discover.content.tab.comments'
.tab-content.discover .tab-content.discover
= render 'discover/tab_answers', answers: @popular_answers = render 'discover/tab_answers', answers: @popular_answers
= render 'discover/tab_questions', questions: @popular_questions = render 'discover/tab_questions', questions: @popular_questions
@ -26,12 +26,12 @@
%p= t 'views.discover.people.desc' %p= t 'views.discover.people.desc'
%div{role: "tabpanel"} %div{role: "tabpanel"}
%ul.nav.nav-tabs{role: "tablist"} %ul.nav.nav-tabs{role: "tablist"}
%li.active{role: "presentation"} %li.nav-item{role: "presentation"}
%a{href: "#new", role: "tab", aria: {controls: "new"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.new' %a.nav-link.active{href: "#new", role: "tab", aria: {controls: "new"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.new'
%li{role: "presentation"} %li.nav-item{role: "presentation"}
%a{href: "#asked", role: "tab", aria: {controls: "asked"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.questions' %a.nav-link{href: "#asked", role: "tab", aria: {controls: "asked"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.questions'
%li{role: "presentation"} %li.nav-item{role: "presentation"}
%a{href: "#answered", role: "tab", aria: {controls: "answered"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.answers' %a.nav-link{href: "#answered", role: "tab", aria: {controls: "answered"}, data: {toggle: "tab"}}= t 'views.discover.people.tab.answers'
.tab-content.discover .tab-content.discover
= render 'discover/tab_new', new: @new_users = render 'discover/tab_new', new: @new_users
= render 'discover/tab_asked', asked: @users_with_most_questions = render 'discover/tab_asked', asked: @users_with_most_questions

View file

@ -8,11 +8,11 @@
%span.sr-only= t 'views.actions.close' %span.sr-only= t 'views.actions.close'
%div{role: "tabpanel"} %div{role: "tabpanel"}
%ul.nav.nav-tabs{role: "tablist"} %ul.nav.nav-tabs{role: "tablist"}
%li.active{role: "presentation"} %li.nav-item{role: "presentation"}
%a{href: "#grouplist", aria: {controls: "grouplist"}, data: {toggle: "tab"}, role: "tab"} %a.nav-link.active{href: "#grouplist", aria: {controls: "grouplist"}, data: {toggle: "tab"}, role: "tab"}
= t 'views.modal.group.tabs.main' = t 'views.modal.group.tabs.main'
%li{role: "presentation"} %li.nav-item{role: "presentation"}
%a{href: "#create", aria: {controls: "create"}, data: {toggle: "tab"}, role: "tab"} %a.nav-link{href: "#create", aria: {controls: "create"}, data: {toggle: "tab"}, role: "tab"}
= t 'views.modal.group.tabs.create' = t 'views.modal.group.tabs.create'
.tab-content .tab-content