mirror of
https://github.com/opf/openproject.git
synced 2026-06-14 03:30:14 +00:00
Henriette Darge
cc90002bef
Clean-up sass code Avoid that the type selector in the WP from is scrolled two far when being activated. Currently, it is scrolled twice (one time when activating it and once again when selecting an item). Thus the dropdown overlaps the actual input Move logo to the left side Make naming consistent for MainMenuToggleComponent and add a component test Let menu toggle button scroll with the rest of the page Move modules menu to the left and show it on mobile
79 lines
2.3 KiB
Ruby
79 lines
2.3 KiB
Ruby
# frozen_string_literal: true
|
|
|
|
# -- copyright
|
|
# OpenProject is an open source project management software.
|
|
# Copyright (C) the OpenProject GmbH
|
|
#
|
|
# This program is free software; you can redistribute it and/or
|
|
# modify it under the terms of the GNU General Public License version 3.
|
|
#
|
|
# OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
|
|
# Copyright (C) 2006-2013 Jean-Philippe Lang
|
|
# Copyright (C) 2010-2013 the ChiliProject Team
|
|
#
|
|
# This program is free software; you can redistribute it and/or
|
|
# modify it under the terms of the GNU General Public License
|
|
# as published by the Free Software Foundation; either version 2
|
|
# of the License, or (at your option) any later version.
|
|
#
|
|
# This program is distributed in the hope that it will be useful,
|
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
# GNU General Public License for more details.
|
|
#
|
|
# You should have received a copy of the GNU General Public License
|
|
# along with this program; if not, write to the Free Software
|
|
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
|
#
|
|
# See COPYRIGHT and LICENSE files for more details.
|
|
# ++
|
|
#
|
|
module OpenProject
|
|
module Common
|
|
class MainMenuToggleComponent < ApplicationComponent
|
|
def initialize(expanded:)
|
|
super()
|
|
|
|
@expanded = expanded
|
|
end
|
|
|
|
def call
|
|
render(Primer::Beta::IconButton.new(icon:,
|
|
id:,
|
|
aria: { label: aria_label },
|
|
scheme:,
|
|
size:,
|
|
data:))
|
|
end
|
|
|
|
private
|
|
|
|
def icon
|
|
@expanded ? "sidebar-expand" : :"sidebar-collapse"
|
|
end
|
|
|
|
def id
|
|
"menu-toggle--#{@expanded ? 'collapse-button' : 'expand-button'}"
|
|
end
|
|
|
|
def aria_label
|
|
@expanded ? I18n.t("js.label_hide_project_menu") : I18n.t("js.label_expand_project_menu")
|
|
end
|
|
|
|
def scheme
|
|
:invisible
|
|
end
|
|
|
|
def size
|
|
@expanded ? :medium : :small
|
|
end
|
|
|
|
def data
|
|
{
|
|
action: "click->menus--main-toggle#toggleNavigation"
|
|
}
|
|
end
|
|
end
|
|
end
|
|
end
|