mobile/android/fenix/app/src/main/res/layout/fragment_search.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   3    - License, v. 2.0. If a copy of the MPL was not distributed with this
   4    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
   5 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
   6     xmlns:app="http://schemas.android.com/apk/res-auto"
   7     xmlns:tools="http://schemas.android.com/tools"
   8     android:id="@+id/search_layout"
   9     android:layout_width="match_parent"
  10     android:layout_height="match_parent"
  11     android:background="?foundation"
  12     tools:context=".search.SearchFragment">
  13
  14
  15     <ViewStub
  16         android:id="@+id/search_suggestions_onboarding"
  17         android:inflatedId="@+id/search_suggestions_onboarding"
  18         android:layout="@layout/search_suggestions_onboarding"
  19         android:layout_width="match_parent"
  20         android:layout_height="wrap_content"
  21         app:layout_constraintEnd_toEndOf="parent"
  22         app:layout_constraintStart_toStartOf="parent"
  23         app:layout_constraintBottom_toTopOf="@id/awesomeBar_barrier"
  24         app:layout_constraintTop_toBottomOf="@id/toolbar_wrapper"/>
  25
  26     <View
  27         android:id="@+id/search_suggestions_onboarding_divider"
  28         android:layout_width="match_parent"
  29         android:layout_height="1dp"
  30         android:background="?neutralFaded"
  31         android:visibility="gone"
  32         app:layout_constraintBottom_toBottomOf="@id/search_suggestions_onboarding"
  33         app:layout_constraintEnd_toEndOf="parent"
  34         app:layout_constraintStart_toStartOf="parent" />
  35
  36     <androidx.constraintlayout.widget.ConstraintLayout
  37         android:id="@+id/toolbar_wrapper"
  38         android:layout_width="0dp"
  39         android:layout_height="@dimen/browser_toolbar_height"
  40         android:layout_margin="0dp"
  41         android:outlineProvider="paddedBounds"
  42         android:transitionName="toolbar_wrapper_transition"
  43         app:layout_constraintEnd_toEndOf="parent"
  44         app:layout_constraintStart_toStartOf="parent"
  45         app:layout_constraintTop_toTopOf="parent">
  46
  47         <FrameLayout
  48             android:id="@+id/toolbar_component_wrapper"
  49             android:layout_width="0dp"
  50             android:layout_height="0dp"
  51             app:layout_constraintBottom_toBottomOf="parent"
  52             app:layout_constraintEnd_toEndOf="parent"
  53             app:layout_constraintStart_toStartOf="parent"
  54             app:layout_constraintTop_toTopOf="parent" />
  55
  56     </androidx.constraintlayout.widget.ConstraintLayout>
  57
  58     <androidx.constraintlayout.widget.ConstraintLayout
  59         android:id="@+id/fill_link_from_clipboard"
  60         android:layout_width="0dp"
  61         android:layout_height="@dimen/search_fragment_clipboard_item_height"
  62         android:layout_marginTop="@dimen/search_fragment_clipboard_item_vertical_margin"
  63         android:layout_marginStart="@dimen/search_fragment_clipboard_item_horizontal_margin"
  64         android:layout_marginEnd="@dimen/search_fragment_clipboard_item_horizontal_margin"
  65         android:focusable="true"
  66         android:clickable="true"
  67         android:background="?selectableItemBackground"
  68         android:visibility="gone"
  69         app:layout_constraintEnd_toEndOf="@id/toolbar_wrapper"
  70         app:layout_constraintTop_toBottomOf="@id/toolbar_wrapper"
  71         app:layout_constraintStart_toStartOf="@id/toolbar_wrapper"
  72         app:layout_constraintBottom_toBottomOf="@id/awesomeBar_barrier">
  73
  74         <ImageView
  75             android:id="@+id/link_icon"
  76             android:layout_width="wrap_content"
  77             android:layout_height="wrap_content"
  78             android:tint="?primaryText"
  79             android:src="@drawable/ic_link"
  80             android:importantForAccessibility="no"
  81             app:layout_constraintStart_toStartOf="parent"
  82             app:layout_constraintTop_toTopOf="parent"
  83             app:layout_constraintBottom_toBottomOf="parent"/>
  84
  85         <TextView
  86             android:id="@+id/clipboard_title"
  87             style="@style/SearchClipboardTitleStyle"
  88             android:layout_width="0dp"
  89             android:layout_height="wrap_content"
  90             android:layout_marginStart="@dimen/search_fragment_clipboard_item_title_margin_start"
  91             android:text="@string/awesomebar_clipboard_title"
  92             app:layout_constraintBottom_toTopOf="@id/clipboard_url"
  93             app:layout_constraintEnd_toEndOf="parent"
  94             app:layout_constraintStart_toEndOf="@id/link_icon"
  95             app:layout_constraintTop_toTopOf="parent"
  96             app:layout_constraintVertical_chainStyle="packed" />
  97
  98         <TextView
  99             android:id="@+id/clipboard_url"
 100             style="@style/SearchClipboardUrlStyle"
 101             android:layout_width="0dp"
 102             android:layout_height="wrap_content"
 103             app:layout_constraintBottom_toBottomOf="parent"
 104             app:layout_constraintEnd_toEndOf="parent"
 105             app:layout_constraintStart_toStartOf="@id/clipboard_title"
 106             app:layout_constraintTop_toBottomOf="@id/clipboard_title"
 107             app:layout_constraintVertical_chainStyle="packed" />
 108     </androidx.constraintlayout.widget.ConstraintLayout>
 109
 110     <View
 111         android:id="@+id/divider_line"
 112         android:layout_width="match_parent"
 113         android:layout_height="1.5dp"
 114         android:background="?neutralFaded"
 115         android:layout_marginStart="8dp"
 116         app:layout_constraintStart_toStartOf="@id/fill_link_from_clipboard"
 117         app:layout_constraintEnd_toEndOf="@id/fill_link_from_clipboard"
 118         app:layout_constraintTop_toBottomOf="@id/fill_link_from_clipboard" />
 119
 120     <TextView
 121         android:id="@+id/search_with_shortcuts"
 122         style="@style/SearchShortcutsLabelStyle"
 123         android:layout_width="wrap_content"
 124         android:layout_height="wrap_content"
 125         android:layout_marginStart="@dimen/search_fragment_shortcuts_label_margin_horizontal"
 126         android:layout_marginTop="@dimen/search_fragment_shortcuts_label_margin_vertical"
 127         android:layout_marginEnd="@dimen/search_fragment_shortcuts_label_margin_horizontal"
 128         android:text="@string/search_shortcuts_search_with"
 129         app:layout_constraintStart_toStartOf="@id/toolbar_wrapper"
 130         app:layout_constraintTop_toBottomOf="@id/awesomeBar_barrier"
 131         tools:text="Search with" />
 132
 133     <androidx.constraintlayout.widget.Barrier
 134         android:id="@+id/awesomeBar_barrier"
 135         android:layout_width="wrap_content"
 136         android:layout_height="wrap_content"
 137         app:barrierDirection="bottom"
 138         app:constraint_referenced_ids="fill_link_from_clipboard,search_suggestions_onboarding"/>
 139
 140     <View
 141         android:id="@+id/search_divider"
 142         android:layout_width="match_parent"
 143         android:layout_height="1dp"
 144         android:background="?neutralFaded"
 145         app:layout_constraintBottom_toTopOf="@id/pillWrapper"
 146         app:layout_constraintEnd_toEndOf="parent"
 147         app:layout_constraintStart_toStartOf="parent" />
 148
 149     <LinearLayout
 150         android:id="@+id/pillWrapper"
 151         android:layout_width="0dp"
 152         android:layout_height="@dimen/search_fragment_pill_height"
 153         android:background="?foundation"
 154         android:orientation="horizontal"
 155         android:paddingStart="@dimen/search_fragment_pill_padding_start"
 156         android:paddingTop="@dimen/search_fragment_pill_padding_vertical"
 157         android:paddingEnd="@dimen/search_fragment_pill_padding_end"
 158         android:paddingBottom="@dimen/search_fragment_pill_padding_vertical"
 159         app:layout_constraintBottom_toBottomOf="parent"
 160         app:layout_constraintEnd_toEndOf="parent"
 161         app:layout_constraintStart_toStartOf="parent">
 162
 163         <ToggleButton
 164             android:id="@+id/searchScanButton"
 165             style="@style/search_pill"
 166             android:layout_marginEnd="@dimen/search_fragment_scan_button_margin_end"
 167             android:drawableStart="@drawable/ic_qr"
 168             android:textOff="@string/search_scan_button"
 169             android:textOn="@string/search_scan_button" />
 170
 171         <ToggleButton
 172             android:id="@+id/searchShortcutsButton"
 173             style="@style/search_pill"
 174             android:drawableStart="@drawable/ic_search"
 175             android:textOff="@string/search_shortcuts_button"
 176             android:textOn="@string/search_shortcuts_button" />
 177     </LinearLayout>
 178 </androidx.constraintlayout.widget.ConstraintLayout>